自己动手做模板(实战篇)

上一篇 / 下一篇  2008-01-07 08:40:48 / 个人分类:悠闲生活

模板的样子都由CSS文件控制着,所以我们只需要修改snow.css就可以。
我在这里就不讲具体怎么修改了,只帮大家指出哪里控制模板的哪个地方的样子。所以就需要你了解CSS的基本写法,改成什么样子就全凭你自己控制了。
1.修改CSS文件
#wrap:模板的整体宽度。
#header:头部背景图片(最为重要的形象工程)。
#spacename strong:空间名称的颜色。
#spacename:空间名称及下面的空间地址的位置、大小。
#menu和以#menu开头的:菜单的位置、颜色。
.sidearea .xspace-blocktitle:两侧的窄栏的标题背景。
h1.xspace-title:每篇日志的标题的背景、高度。
li.xspace-loglist h4.xspace-entrytitle:空间首页、博客首页日志标题背景、高度。
body:页面背景。
.xspace-itemlist h4 a:空间首页、博客首页日志标题链接的颜色。
a:页面内链接的颜色
a:hover:鼠标移到链接上的颜色。
a:visited:访问过的链接颜色。
#xspace-footer:页面底部的背景。(有的模板中没有这个,可以自己加)

上面是制作一个模板主要修改的点,熟悉CSS的可以自己调整、修改,甚至添加。

2.预览
用IE打开HTML文件,修改完CSS文件之后保存,然后在IE里刷新,就可以看到修改后的效果,不断地调整最终达到你想要的效果。
当然,你也可以用FrontPage、Dreamweaver等工具软件来编辑,不过可有的模板在这些软件里看到的效果并不是最终效果。

3.应用
将CSS文件中的全部代码复制,进入“空间管理”-“模板”-“编辑我的风格主题”,粘贴到右边的文本框里,点击“另存为”按钮,给你的样式取个好听的名字,点击“保存”按钮即可将样式保存到社区中。
然后在“自己保存过的css样式表”中可以选择“使用”,即可以将自己主题应用到你的空间中。
怎么样?快去看看你空间变样了没有!


TAG:

人生难得几回博 引用 删除 元宵   /   2008-01-14 08:58:54
呵呵,可能系统出问题了吧,显示为230的那个就是你哦
夏天舞拉拉的个人空间 引用 删除 夏天舞拉拉   /   2008-01-13 18:33:55
我来过好几次了,为什么“留下脚印”里么有我的脚印呀?
偶的天空偶的城 引用 删除 lz_xiaoyao   /   2008-01-11 08:46:34
不好意思,发错表情了!
偶的天空偶的城 引用 删除 lz_xiaoyao   /   2008-01-11 08:45:14
精神嘉奖
人生难得几回博 引用 删除 元宵   /   2008-01-07 13:04:33
评5分有啥好处啊?
光明顶 引用 删除 萧秋水   /   2008-01-07 11:38:12
5
光明顶 引用 删除 萧秋水   /   2008-01-07 11:38:11
学习啦~~~
 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

日历

« 2008-09-08  
 123456
78910111213
14151617181920
21222324252627
282930    

数据统计

  • 访问量: 1070
  • 日志数: 17
  • 图片数: 1
  • 建立时间: 2007-12-06
  • 更新时间: 2008-07-23

RSS订阅

Open Toolbar