修改克米免费大众风格头部为官方Header

暂时在本地测试，还没修改完毕，上一个效果图给大家看看

现在又个问题是官方导航栏的背景无法显示，调试了很久
看有没高手能够搞定！！！
修改方法：
用官方的Header.html文件替换克米风格里面的，
然后，打开extend_common.css，把克米导航部分删除或者加注释

1. .n_nav{width:962px;overflow:hidden;margin:0 auto;height:35px;background:url({STYLEIMGDIR}/comiis_title_bg.png) no-repeat right top;padding:0 8px 0 0;}
   
2. .n_nav .n_hd{width:7px;height:35px;background:url({STYLEIMGDIR}/comiis_title_bg.png) no-repeat left top;float:left;overflow:hidden;}
   
3. .n_nav .n_bd{width:955px;height:35px;background:url({STYLEIMGDIR}/comiis_title_bg.png) repeat-x 0px -124px;float:left;overflow:hidden;}
   
4. .nav_hd{width:955px;overflow:hidden;}
   
5. .nav_hd_ul{margin:3px 0 0 0;}
   
6. .nav_hd_ul li{float:left;}
   
7. .nav_hd_ul li a{display:block;height:31px;line-height:30px;padding:0 18px 0 0px;float:left;background:url({STYLEIMGDIR}/comiis_x.png) no-repeat right center;font-size:14px;font-weight:bold;color:#fcfcfc;}
   
8. .nav_hd_ul li a span{display:block;height:31px;padding:0 0 0 18px;float:left;cursor:pointer;text-decoration:none;}
   
9. .nav_hd_ul li a:hover, .nav_hd_ul li.current a {background:url({STYLEIMGDIR}/comiis_an_r.png) no-repeat right center;color:{HIGHLIGHTLINK};text-decoration:none;}
   
10. #index.current a{background:url({STYLEIMGDIR}/comiis_an_rs.png) no-repeat right center;color:{HIGHLIGHTLINK};text-decoration:none;}
    
11. .nav_hd_ul li a:hover span,.nav_hd_ul li.current a span{background:url({STYLEIMGDIR}/comiis_an_l.png) no-repeat left center;text-decoration:none;}
    
12. .nav_hd_ad{float:right;width:151px;height:25px;line-height:25px;color:#333;overflow:hidden;text-indent:10px;margin:2px 0 0 0;}
    
13. .nav_bd_ul{margin:8px 0px 0 -1px;float:left;width:960px;}
    
14. .nav_bd_ul li{height:25px;width:94px;line-height:25px;border-left:1px dashed #ccc;float:left;}
    
15. .nav_bd_ul li a{font-size:14px;color:#333;display:block;width:60px;height:25px;background:url({STYLEIMGDIR}/comiis_ico.png) no-repeat 10px 9px;padding:0 13px 0 19px;text-decoration:none;}
    
16. .nav_bd_ul li a:hover{background:url({STYLEIMGDIR}/comiis_navbg.gif) no-repeat 5px center;color:#333;text-decoration:none;}
    
17. .ico_sj{padding:12px 0 0 5px;}
    
18. .lk .m li {height: 40px;}

复制代码

然后打开default/common/common.css
把页头部分粘贴进去（本人很菜，只能全部粘贴）

1. /* 页头 */
   
2. 
   
3.                 #hd .wp { padding: 10px 0 0; }
   
4.                         #diy-tg { position: absolute; top: 0; right: 15px; z-index:100; }
   
5.                         /*.hdc { border-bottom: {HEADERBORDER} solid #005DC3; }*/
   
6.                         .hdc { position: relative; z-index: 3; background: {HEADERBGCOLOR}; }
   
7.                         #hd h2 { padding: 0 20px 8px 0; float: left; }
   
8.                                 #space #hd h2 { margin-top: 0; }
   
9.                         #hd .fastlg { position: absolute; bottom: 8px; right: 0; }
   
10.                         #scbar { overflow: hidden; width: 100%; height: 36px; line-height: 36px; background: url({IMGDIR}/search.gif) repeat-x 0 0; }
    
11.                                 #scbar table { background: url({IMGDIR}/search.gif) no-repeat 0 -36px; }
    
12.                                         #scbar td { padding: 0 2px; white-space: nowrap; }
    
13.                                 #scbar #srchtxt { margin-top: 2px\9; margin-right: 10px; margin-left: 35px; width: 250px; height: 18px; line-height: 18px; border: none; background: transparent; outline: none; }
    
14.                                 #scbar label { margin-right: 8px; cursor: pointer; }
    
15.                                 #scbar #search_submit { width: 51px; height: 36px; border: none; background: transparent url({IMGDIR}/search.gif) no-repeat 0 -77px; cursor: pointer; }
    
16.                                 #scbar .hot { padding-left: 1em; }
    
17.                         #sc td { padding: 0 3px; }
    
18.                                 #srchtxt { font-size: 12px; line-height: 22px; }
    
19.                                         .ie6 #srchtxt { line-height: 20px; }
    
20.                                 #sc #search_submit { width: 51px; height: 32px; border: none; background: transparent url({IMGDIR}/search.gif) no-repeat 0 -79px; cursor: pointer; }
    
21.                                 #sctype_menu { width: 100px; }
    
22.                                         #sctype_menu input { position: absolute; width: 0; height: 0; opacity: 0; }
    
23.                                         #sctype_menu a { padding: 0; }
    
24.                                         #sctype_menu label { display: block; padding: 3px 15px; line-height: 1.5; cursor: pointer; }
    
25.                         #nv { overflow: hidden; padding-left: 3px; height: 33px; {MENUBGCODE}; }
    
26.                                 #nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; font-weight: 700; font-size: 14px; }
    
27.                                         .ie_all #nv li { line-height: 36px; }
    
28.                                         .ie6 #nv li { line-height: 33px; }
    
29.                                         #nv a { float: left; padding: 0 20px; height: 33px; }
    
30.                                                 #nv a { color: {MENUTEXT}; }
    
31.                                                 #nv li span { display: none; }
    
32.                                         #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
    
33.                                                 #nv li.a a { color: {MENUHOVERTEXT}; }
    
34.                         #mu { position: relative; z-index: 1; }
    
35.                                 .ie6 #mu, .ie7 #mu { line-height: 0; font-size: 0; }
    
36.                                 #mu ul { background: url({IMGDIR}/mu_bg.png) no-repeat 0 100%; line-height: 22px; z-index: 2; font-size: 12px; }
    
37.                                         #mu li { float: left; height: 32px }
    
38.                                                 #mu a { float: left; display: inline; margin: 5px 10px; padding: 0 20px; white-space: nowrap; }
    
39.                                                         #mu a:hover { margin: 4px 9px; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; }
    
40.                                 .floatmu { position: absolute; left: 0; top: 0; }
    
41.                         #um { position: absolute; z-index: -1; bottom: 8px; right: 0; padding-right: 60px;_padding-right: 54px; line-height: 2.3; width: 90%}
    
42.                                 #um, #um a { color: {HEADERTEXT}; }
    
43.                                 #um p { text-align: right; }
    
44.                                 #um .avt { display: inline; margin-right: -60px; }
    
45.                                 .vwmy { padding-left: 16px; background: url({IMGDIR}/user_online.gif) no-repeat 0 2px; }
    
46.                                 /* .topnav .new, .sch .new 分别为为个人中心和搜索页面头部新消息样式 */
    
47.                                 #um .new, .topnav .new, .sch .new { padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; color: {HIGHLIGHTLINK}; font-weight: 700; }
    
48.                                         #myprompt.new { background-image: url({IMGDIR}/notice.gif); background-position: 3px 50%; }
    
49.                                         #pm_ntc.new { background-image: url({IMGDIR}/new_pm.gif); }
    
50.                                         #task_ntc { background-image: url({IMGDIR}/new_task.gif); }
    
51.                                 #um .pipe { margin: 0 5px 0 0; }
    
52.                         
    
53.                         #qmenu { float: right !important; margin: 3px 10px 0 0; display: inline; padding: 0 0 0 10px !important; width: 85px; height: 26px; background: url({IMGDIR}/qmenu.png) no-repeat 0 0; line-height: 26px; }
    
54.                                 #qmenu_menu { margin: -8px 0 0 1px; width: 92px; }
    
55.                                 #qmenu_menu a { padding-left: 26px; background-position: 6px 50%; background-repeat: no-repeat; }
    
56.                                         #qmenu_menu a:hover { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-shadow: none; }

复制代码

几乎完成了，还有瑕疵

(EM:131:)(EM:131:)再来一个

这个是广告位，哈哈

我也在改，不过楼主官方这个是960PX，你试下后台加个二级导航是960PX了。

回复 yuesha 的帖子

背景出来了，但是还差一点

你改成960PX了吗？

背景的显示可能还是克米的，你可以在后台再换回官方的默认风格，这样就可以了。

回复 yuesha 的帖子

我用的是克米的风格，但是用官方的header，呵呵

其实只要删掉克米的静态导航就行了