终极精品

标题: 调节discuz主导航菜单的宽度 [打印本页]

作者: zhoji 时间: 2014-10-4 15:13
标题: 调节discuz主导航菜单的宽度
经常会遇到主导航菜单很多，一排放不下的情况，其实可以减小导航菜单的宽度，这样就可以容纳更多的导航菜单了。

下面是针对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; }

欢迎光临终极精品 (http://www.chnspy.com/)