程序员人生 网站导航

SupeSite尾部(footer)默认模板样式解析

栏目:DedeCMS时间:2014-01-12 12:44:41

网(LieHuo.Net)教程 我们以默认模板为例分析一下其模板样式,SupeSite 7.0 默认模板的样式表为 emplatesdefaultcsscommon.css,所以只需要修改该文件即可更改 default 模板样式。

注意:修改默认模板之前最好复制一份进行修改,保留默认的 default 目录,方便以后的产品升级。

一、头部(header)http://www.veryhuo.com/a/view/8104.html

二、首页及资讯首页(index & news)http://www.veryhuo.com/a/view/8105.html

三、资讯分类及内容页面(category & viewnews)http://www.veryhuo.com/a/view/8106.html

四、论坛(bbs)http://www.veryhuo.com/a/view/8107.html

五、日志(uchblog)http://www.veryhuo.com/a/view/8108.html

六、相册(uchimage)http://www.veryhuo.com/a/view/8109.html

七、尾部(footer)

SupeSite 7.0 默认模板尾部涉及到的 CSS 样式有:#footer

1、底部导航背景

底部导航背景在 common.css 里面涉及的样式如下:

#footer_top { height:50px; margin-bottom:10px; background:#D3EAF0; }// 修改底部导航背景色只需要修改上述样式中的 background:#D3EAF0 即可。

2、底部导航字体

底部导航字体在 common.css 里面涉及的样式如下:

.good_link a { margin:0 3px; color:#295B72; }// 修改底部导航字体颜色只需要修改上述样式中的 color:#295B72 即可。

本图已缩略,请点击放大观看。

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐