QQ登录

只需一步,快速开始

终极精品

查看: 7652|回复: 4
打印 上一主题 下一主题

调节discuz主导航菜单的宽度

[复制链接]
[至尊红钻3级]发帖数量≥1000篇 [至尊黄钻5级]威望≥3000点 [至尊蓝钻3级]在线时间≥800小时 [至尊绿钻5级]贡献度≥3000点 [至尊紫钻6级]金币≥200000个 [未点亮至尊粉钻]精华贴数不足10贴 [未点亮至尊黑钻]活跃不足8个
 等级: 
 级别: 管理员
 UID:  1   [未点亮普号显示]钻石不足3个
 积 分: 407416
 威 望: 3806
 贡 献: 3745
 活 跃: 0
 发 贴: 1401 (4)
 终极币: 394653  
性 别: I'm 火星人!
阅读权限: 200
在线时长: 1151 小时
注册时间: 2014-7-25
最后登录: 2025-4-29
go
楼主
发表于 2014-10-4 15:13:22 |只看该作者 |倒序浏览

查看完整版请注册登录浏览

您需要 登录 才可以下载或查看,没有帐号?点击注册

x
经常会遇到主导航菜单很多,一排放不下的情况,其实可以减小导航菜单的宽度,这样就可以容纳更多的导航菜单了。

下面是针对X1.5的修改方法:
需要修改样式表文件:\template\default\common\common.css文件
打开该文件,找到下面红色的部分,默认值是:20,你可以相应的减少该数值,就可以缩短导航菜单的宽度了!

          #nv a { float: left; padding: 0 20px; height: 33px; }
      #nv a { color: {MENUTEXT}; }
      #nv li span { display: none; }
     #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
      #nv li.a a { color: {MENUHOVERTEXT}; }

下面是针对X2.0的修改方法:
需要修改样式表文件:\template\default\common\common.css文件
打开该文件,找到下面红色的部分,默认值是:20,你可以相应的减少该数值,就可以缩短导航菜单的宽度了!
#nv { overflow: hidden; padding-left: 3px; height: 33px; {MENUBGCODE}; }
    #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; }
     .ie_all #nv li { line-height: 36px; }
     .ie6 #nv li { line-height: 33px; }
     #nv li a { float: left; padding: 0 20px; height: 33px; }


分享到: QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏0 支持支持0 反对反对0
宣传推广终极精品资源www.chnspy.com提升下载权限1...
您需要登录后才可以回帖 登录 | 点击注册

本版积分规则

QQ|Archiver|手机版|小黑屋|终极精品资源 ( 版权所有:广州汉鸿信息科技有限公司 粤ICP备15041466号

GMT+8, 2025-5-9 06:02 , Processed in 0.169020 second(s), 30 queries .

Powered by Discuz! X3.2

© 2015-2016 www.chnspy.com.

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