学习X-Space个人空间模板修改

互联网 | 编辑: 宋杰 2006-07-02 00:00:00转载-投稿 一键看全文

X-Spaces个人空间的模板是基于Div+CSS技术的构建的,修改模板其实就是修改CSS的属性值。在修改模板中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等,在你学习这篇入门教程之前,我们先要对CSS进行一个简单的了解,接下来介绍CSS和Div到底是什么关系,最后开始修改模板

X-Spaces个人空间模板修改(3)

第二步:正式修改

1.修改DIV标签

(1).因为这个官方模板的DIV设置是不带背景,因此需要对DIV部分进行修改。在[我的模版]编辑中,选择[主页面](如图7)。

(2).然后找到左下角的[显示源代码],选中前面的复选框,这时候我们就能看到一长串的DIV代码了(如图8)。

(3).找到“<DIV id=mainarea>”这行代码,在这行代码前面加入下面两行代码(如图9):
<DIV class=oncebg>
<DIV id=main>

(4).然后在所有代码的最后加入“</DIV></DIV>”,最后点击[提交]按钮(如图10)。

2.重复上面步骤,修改“索引页面”和“内容页面”的DIV标签。

3.图11---图17是根据CSS代码逐段说明(其中颜色凡是为绿色的都是注释)。

提示:试试键盘 “← →” 可以实现快速翻页 

总共 3 页< 上一页123
一键看全文

本文导航

相关阅读

每日精选

点击查看更多

首页 手机 数码相机 笔记本 游戏 DIY硬件 硬件外设 办公中心 数字家电 平板电脑