窄屏使用 全屏长度主导航 的方法

废话不说了，是你想要的就往下看吧  我用的默认模板
在头部文件header中找到下面代码（这段代码是表示主导航的代码）
<div id="nv">
                                      
                    <ul>
                        <!--{loop $_G['setting']['navs'] $nav}-->
                            <!--{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}-->
                        <!--{/loop}-->
                    </ul>
                    <!--{hook/global_nav_extra}-->
                                   
                </div>
替换为
<div id="nv">
                                      <div class="wp" style="padding-top:0px;">
                    <ul>
                        <!--{loop $_G['setting']['navs'] $nav}-->
                            <!--{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}-->
                        <!--{/loop}-->
                    </ul>
                    <!--{hook/global_nav_extra}-->
                                     </div>
                </div>
（只是为<ul> </ul>增加了一个<div class="wp" style="padding-top:0px;"></div> 属性 ）

然后将这段代码剪切粘贴到下面这段代码上面（下面这段代码并不表示什么）

</div>
<!--{hook/global_header}-->      （header文件倒数第三行吧，注意是粘贴它他上面，一定要放对位置）


理论：将<div id=nv>移动到<div id=hd>下面利用了hd的长度属性再而 加 <div class="wp" style="padding-top:0px;"> 是利用.wp的属性让链接文字显示在正常位置，呵呵，这玩意没弄过，建站以来第一次小激动，拿来分享，莫拍砖，有问题楼下跟帖，当然，好像没有问题

样式写到样式表，这样不规范！

shevechco 发表于 2014-1-19 22:11
样式写到样式表，这样不规范！

指点一下 哪里需要修改  是不是应该与hd并排啊

谢谢，我试试看。