等级:  
|
查看完整版请注册登录浏览
您需要 登录 才可以下载或查看,没有帐号?点击注册
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; }
|
|