【discuz x3.1教程】导航栏通栏方法和改变搜索和快捷导航样式

admin

在header.htm里的大约122行

1. <div class="wp">

复制代码

找到它的结尾</div>将它调到

1. <div class="hdc cl">
   
2.                                         <!--{eval $mnid = getcurrentnav();}-->
   
3.                                         <h2><!--{if !isset($_G['setting']['navlogos'][$mnid])}--><a href="{if $_G['setting']['domain']['app']['default']}http://{$_G['setting']['domain']['app']['default']}/{else}./{/if}" title="$_G['setting']['bbname']">{$_G['style']['boardlogo']}</a><!--{else}-->$_G['setting']['navlogos'][$mnid]<!--{/if}--></h2>
   
4.                                         <!--{template common/header_userstatus}-->
   
5.                                 </div>

复制代码

的后面。
也就是下面的代码

1. <div class="wp">
   
2.                                 <div class="hdc cl">
   
3.                                         <!--{eval $mnid = getcurrentnav();}-->
   
4.                                         <h2><!--{if !isset($_G['setting']['navlogos'][$mnid])}--><a href="{if $_G['setting']['domain']['app']['default']}http://{$_G['setting']['domain']['app']['default']}/{else}./{/if}" title="$_G['setting']['bbname']">{$_G['style']['boardlogo']}</a><!--{else}-->$_G['setting']['navlogos'][$mnid]<!--{/if}--></h2>
   
5.                                         <!--{template common/header_userstatus}-->
   
6.                                 </div>
   
7.                         </div>

复制代码

然后用<div id="nv">里的<ul>把

1. <a href="javascript:;" id="qmenu" onmouseover="delayShow(this, function () {showMenu({'ctrlid':'qmenu','pos':'34!','ctrlclass':'a','duration':2});showForummenu($_G[fid]);})">{lang my_nav}</a>

复制代码

包起来。
也就是下面的代码

1. <div id="nv">
   
2.                                         <ul>
   
3.                                                 <a href="javascript:;" id="qmenu" onmouseover="delayShow(this, function () {showMenu({'ctrlid':'qmenu','pos':'34!','ctrlclass':'a','duration':2});showForummenu($_G[fid]);})">{lang my_nav}</a>
   
4.                                                 <!--{loop $_G['setting']['navs'] $nav}-->
   
5.                                                         <!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}--><li {if $mnid == $nav[navid]}class="a" {/if}$nav[nav]></li><!--{/if}-->
   
6.                                                 <!--{/loop}-->
   
7.                                         </ul>
   
8.                                         <!--{hook/global_nav_extra}-->
   
9.                                 </div>

复制代码

到extend_common.css里，加入

1. /*nv*/
   
2. #nv {overflow: hidden;padding:0;margin:0 auto;width:100%;}
   
3. #nv ul { width:960px;margin:0 auto;}
   
4. #nv li { float: left;background: none;margin:0;padding:0;}
   
5. #nv li.hover a:hover, #nv li.hover a { background: none;}
   
6. #nv li a:hover {text-decoration: none;}
   
7. #nv li a{ float:left; color:{MENUTEXT};}
   
8. .wp { margin: 0 auto;}

复制代码

下面这段代码是改变快捷导航的样式

1. /* qmenu */
   
2. #qmenu { width: 18px;height: 16px;line-height: 33px;margin: 10px 10px 0px 0px;padding: 0px;border-top: 1px solid transparent;border-left: 1px solid transparent;
   
3. border-radius: 5px;text-indent: -9999px;background:url("{STYLEIMGDIR}/bbs.png") no-repeat scroll 0 0 transparent;}
   
4. /* border-radius:5px;是圆角的意思； */
   
5. /* end */

复制代码

下面这段代码是搜索栏居中样式

1. /* scbar */
   
2. #scbar {width:960px; overflow: hidden;margin:0 auto;}
   
3. /* end */

复制代码