X-Spaces个人空间的模板是基于Div+CSS技术的构建的,修改模板其实就是修改CSS的属性值。在修改模板中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等,在你学习这篇入门教程之前,我们先要对CSS进行一个简单的了解,接下来介绍CSS和Div到底是什么关系,最后开始修改模板
X-Spaces个人空间模板修改(2)
三、模板CSS修改
我们以X-Space自带的“黄色金秋”作为模版范例进行修改。
第一步:前期准备
1.打开两个浏览器窗口,第一个窗口打开博客首页页面,第二个窗口打开个人空间后台管理平台,然后选择[模版]->[选择新模版](如图1),然后选中“黄色金秋”点击[提交]按钮(如图2)。
提交之后,点击[浏览模板]—>[编辑]。(如图3)
在打开[我的模板]页面中可以看到[主页面][索引页面][内容页面][样式表]等四项选择,点[样式表]就能看到该模板的CSS的内容,这就是我们要修改的部分。(如图4)
2.打开记事本,将CSS中的内容复制进去。目的很简单,给CSS做个备份,如果修改中出现问题就用记事本中的内容去恢复。
3.准备一张色系表以便配色。(如图5)。
4.收集你想用来作为背景或者其它图标的图片文件。(如图6)
网友评论