Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] X3.0的主导航栏如何修改为通栏?

[复制链接]
垃圾猫 发表于 2013-8-26 20:17:42 | 显示全部楼层 |阅读模式
X3.0的主导航栏如何修改为通栏? 在窄屏模式下,主导航如何修改为通栏呢?

修改CSS和NV.PNG的宽度?

CSS修改为100%无效,请告诉下具体详细的方法。
feiser 发表于 2013-8-26 22:59:27 | 显示全部楼层
同求                     同求
回复

使用道具 举报

lyzhanghao 发表于 2013-8-27 06:49:00 | 显示全部楼层
修改header.htm即可!
回复

使用道具 举报

 楼主| 垃圾猫 发表于 2013-8-27 09:54:07 | 显示全部楼层
lyzhanghao 发表于 2013-8-27 06:49
修改header.htm即可!

这样的回复是为了增加自己的积分吧?
回复

使用道具 举报

lovenr 发表于 2013-8-27 10:11:48 | 显示全部楼层
直接上代码说明吧,正好在调试模板

header.htm 文件内找到如下代码,X3 大概在115行左右。
看第二行的CLASS样式定义 class="wp",是控制整体宽度的。 去掉或者修改 class="wp" (这里建议重新定义一个样式给这里)
仅供参考,希望对你有帮助。

                <div id="hd">
                        <div class="wp">
                                <div class="hdc cl">
                                        <!--{eval $mnid = getcurrentnav();}-->
                                        <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>
                                        <!--{template common/header_userstatus}-->
                                </div>

                                <div id="nv">
                                        <a href="javascript:;" id="qmenu">{lang my_nav}</a>
                                        <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>
                                <!--{if !empty($_G['setting']['plugins']['jsmenu'])}-->
                                        <ul class="p_pop h_pop" id="plugin_menu" style="display: none">
                                        <!--{loop $_G['setting']['plugins']['jsmenu'] $module}-->
                                                 <!--{if !$module['adminid'] || ($module['adminid'] && $_G['adminid'] > 0 && $module['adminid'] >= $_G['adminid'])}-->
                                                 <li>$module[url]</li>
                                                 <!--{/if}-->
                                        <!--{/loop}-->
                                        </ul>
                                <!--{/if}-->
                                $_G[setting][menunavs]
                                <div id="mu" class="cl">
                                <!--{if $_G['setting']['subnavs']}-->
                                        <!--{loop $_G[setting][subnavs] $navid $subnav}-->
                                                <!--{if $_G['setting']['navsubhover'] || $mnid == $navid}-->
                                                <ul class="cl {if $mnid == $navid}current{/if}" id="snav_$navid" style="display:{if $mnid != $navid}none{/if}">
                                                $subnav
                                                </ul>
                                                <!--{/if}-->
                                        <!--{/loop}-->
                                <!--{/if}-->
                                </div>
                                <!--{ad/subnavbanner/a_mu}-->
                                <!--{subtemplate common/pubsearchform}-->
                        </div>
                </div>

回复

使用道具 举报

 楼主| 垃圾猫 发表于 2013-8-27 10:30:36 | 显示全部楼层
lovenr 发表于 2013-8-27 10:11
直接上代码说明吧,正好在调试模板

header.htm 文件内找到如下代码,X3 大概在115行左右。

多谢楼上的朋友。
回复

使用道具 举报

lovenr 发表于 2013-8-27 10:32:28 | 显示全部楼层
垃圾猫 发表于 2013-8-27 10:30
多谢楼上的朋友。

回复

使用道具 举报

 楼主| 垃圾猫 发表于 2013-8-27 10:35:25 | 显示全部楼层

再研究下,这样一修改,整个头部都变宽了,我只想修改导航条
回复

使用道具 举报

lovenr 发表于 2013-8-27 10:43:56 | 显示全部楼层
垃圾猫 发表于 2013-8-27 10:35
再研究下,这样一修改,整个头部都变宽了,我只想修改导航条

WP 去掉的话

可以单独给头部的几个样式重新定义

或者除了导航部分不要加入WP,头部其余的可以加入WP   单独开来就可以了
回复

使用道具 举报

lovenr 发表于 2013-8-27 10:44:22 | 显示全部楼层
灵活应用样式即可。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 21:54 , Processed in 0.052884 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表