SupeSite頭部(header)默認(rèn)模板樣式解析

網(wǎng)(LieHuo.Net)教程 我們以默認(rèn)模板為例分析一下其模板樣式，SupeSite 7.0 默認(rèn)模板的樣式表為 emplatesdefaultcsscommon.css，所以只需要修改該文件即可更改 default 模板樣式。

注意：修改默認(rèn)模板之前最好復(fù)制一份進(jìn)行修改，保留默認(rèn)的 default 目錄，方便以后的產(chǎn)品升級(jí)。

一、頭部（header）

SupeSite 7.0 默認(rèn)模板頭部涉及到的 CSS 樣式有：#header、#nav

具體分析：

1、logo

logo 在 common.css 里面涉及的樣式如下：

#header { width:960px; height:65px; overflow:hidden; margin:10px auto; }復(fù)制內(nèi)容到剪貼板Code：

#header h2 img { width:135px; height:65px; }// 修改 logo 的高寬只需修改上面兩個(gè)樣式里面的 width 和 height 即可。

2、主導(dǎo)航欄背景

主導(dǎo)航欄在 common.css 里面涉及的樣式如下：

.main_nav { height:34px; overflow:hidden; padding-top:1px; background:#1A4963; color:#FFF; font-size:14px; }// 修改主導(dǎo)航欄背景色只需要修改上述樣式里面的 background:#1A4963 即可。

.main_nav .current a { background:url(../images/nav_current_bg.gif) repeat-x; color:#295B72; font-weight:700; text-decoration:none!important; }// 修改按鈕選中狀態(tài)的背景只需修改上述樣式里面的 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 即可。

三、資訊分類及內(nèi)容頁面（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

六、相冊(cè)（uchimage）http://www.veryhuo.com/a/view/8109.html

七、尾部（footer）http://www.veryhuo.com/a/view/8110.html

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)