星期四, 十二月 07, 2006

修改版面为三栏

闲来无聊,想改改模版,google搜了搜,现成的模版都是老版的,beta版的模版还没有,只好自己下载bloger beta 模版代码来分析了。

下载下模版,xml文件,呵呵,做的不错。

嗯,先把版面弄成3栏——模版文件把版面分成标题、博客文章、侧边栏、页脚4个部分。
在html中对应为:(< 后加了空格,不然没法发表,:P)

< baby>
< id="'outer-wrapper'">...外层

< id="'header-wrapper'">...标题

< id="'content-wrapper'">...内容

< id="'main-wrapper'">...帖子

< id="'sidebar-wrapper'">...侧边栏

< id="'footer-wrapper'">...页脚
< /body>


这些模块对应的CSS样式信息为

#header-wrapper {
......
}


#outer-wrapper {
......
}

#main-wrapper {
......
}

#sidebar-wrapper {
......
}


简单呀,只要在
前面再加一个sidebar就ok了,当然名字不能重复,sidebar_left,sidebar_right,就可以了,在修改一下css中的width宽度就可以了。

同时,这个模版文件的css都是包括在里面的,在css开始前,还有一段颜色定义文件,这个格式:


你可以在css里引用这些颜色,同时,你也可以在控制台里修改你定义的颜色,就是改value的值,不爽的话还可以恢复成default的值。

接下来的工作,是如何在标题上面加背景图片了,呵呵,没有满意的图片……

没有评论: