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代码逐段说明(其中颜色凡是为绿色的都是注释)。
网友评论