修改版面为三栏
闲来无聊,想改改模版,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的值。
接下来的工作,是如何在标题上面加背景图片了,呵呵,没有满意的图片……
同时,这个模版文件的css都是包括在里面的,在css开始前,还有一段颜色定义文件,这个格式:
你可以在css里引用这些颜色,同时,你也可以在控制台里修改你定义的颜色,就是改value的值,不爽的话还可以恢复成default的值。
接下来的工作,是如何在标题上面加背景图片了,呵呵,没有满意的图片……
没有评论:
发表评论