SupeSite头部(header)默认模板样式理会

编程之家 52php.cn 我们以默认模板为例说明一下其模板样式，SupeSite 7.0 默认模板的样式表为 emplatesdefaultcsscommon.css，以是只必要修改该文件即可变动 default 模板样式。

留意：修改默认模板之前最好复制一份举办修改，保存默认的 default 目次，利便往后的产物进级。

一、头部（header）

SupeSite 7.0 默认模板头部涉及到的 CSS 样式有：#header、#nav

详细说明：

1、logo

logo 在 common.css 内里涉及的样式如下：

#header { width:960px; height:65px; overflow:hidden; margin:10px auto; }复制内容到剪贴板Code：

#header h2 img { width:135px; height:65px; }// 修改 logo 的高宽只需修改上面两个样式内里的 width 和 height 即可。

2、主导航栏配景

主导航栏在 common.css 内里涉及的样式如下：

.main_nav { height:34px; overflow:hidden; padding-top:1px; background:#1A4963; color:#FFF; font-size:14px; }// 修改主导航栏配景致只必要修改上述样式内里的 background:#1A4963 即可。

.main_nav .current a { background:url(../images/nav_current_bg.gif) repeat-x; color:#295B72; font-weight:700; text-decoration:none!important; }// 修改按钮选中状态的配景只需修改上述样式内里的 background:url(../images/nav_current_bg.gif) repeat-x ，将新作的 /images/nav_current_bg.gif 图片替代原本的，可能去掉配景图片改为配景致，好比将 background:url(../images/nav_current_bg.gif) repeat-x 改为相同这样 background:#FFFFFF 。

3、首页配景

分类在 common.css 内里涉及的样式如下：

#nav { width:960px; overflow:hidden; margin:0 auto 10px; background:#D3EAF0; }// 修改分类配景只必要修改上述样式中的 background:#D3EAF0 即可。

三、资讯分类及内容页面（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）http://www.veryhuo.com/a/view/8110.html

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!