[【DZ美化】] 导航下拉菜单(子菜单)横排两列显示

01522 MYF-夜月   发表于 2012-02-13 17:52:55 |显示全部楼层
 欢迎您光临月翼潮流公益残友设计论坛:  
修改/美化信息:
插件(修改)名称: 导航下拉菜单(子菜单)横排两列显示
适用版本: Discuz! X2 Discuz! X1.5 
语言编码: GBK简体 UTF8简体 BIG5繁体 UTF8繁体 
插件(修改)作者: 体无完肤
支持网站: http://bbs.moonyi.com
插件(修改)简介: 用于某导航菜单的下拉菜单、插件菜单下拉菜单过多,导致页面很长,可以横排两列显示,改善视觉效果。
修改方法:
# V) M8 g9 u% c& W: _1 l$ O5 J4 _9 F/ ]" B7 V3 Y3 B3 K
1、打开自己当前模板的CSS文件:7 v5 s3 w2 \" d3 G+ i! N8 j8 f

; n3 U7 ^3 J# P- C4 l默认模板的话是template\default\common\common.css
( G+ c2 K* a$ y非默认模板的话,在template\你当前模板目录\common\extend_common.css
- O! O  d2 R# a0 C2 f/ L# K  T6 M, u$ R$ K/ ^4 A
在文件底部加:
  1. .h_pop{ width:220px; }8 h. C* n( b, j& O" k4 O& u5 G
  2. .h_pop li { float:left; width:50%;}
复制代码
修改完后保存,上传覆盖原CSS文件。
# W, l4 D4 z! `3 J, v! U5 W+ c4 L# {$ P0 y4 ~
2、进入后台 -- 界面 -- 风格管理 -- 更新CSS缓存。; `8 m) o4 q6 \, r5 o6 v# N
注:上面代码中的220px宽度,可根据自己导航菜单情况适当调大或调小。
: X0 l8 ~! }7 c) b: e4 b# E3 N
4 H. k  H7 }9 S, E: R演示截图:2 [7 {+ v5 d6 i! Y/ f

! ]5 y9 a% s+ }4 @( \9 w& v& r; b- C) u" p0 l1 J/ p2 @
2 j+ G9 Q5 i) Z! c
这个世界已然疯狂,你还在那假装一本正经,这样多不好,快来加入我们吧!
要查看全部内容么?那就。。
立即注册 已有账号?点击登录
附件: 你需要登录才可以下载或查看附件。没有帐号?入驻月翼潮流

Rank: 23Rank: 23Rank: 23Rank: 23Rank: 23

级别:MYF·管理员(殿)

帖子: 498|积分: 3144

MYF·家族成员(族)

  • TA的每日心情

    2018-09-30 17:05:00
  • MID
    2
    威望
    83 点
    精华
    0
    灵感
    1309 点
    月光
    2902 抹
    激情
    555 升
    潮流币
    927 枚
    阅读权限
    250
    在线时间
    444 小时
    最后登录
    2018-10-12
    入驻时间
    2009-12-18

    MYF·团队精英(英) MYF·自强家族(族)

    疯狂的时代,你还在那假装一本正经吗?
    Fashion的你怎能错过这个显摆Personality Self的机会?
    赶快来【个人中心】设置签名吧!
    Hold住大家,WE 等 YOU!

    您需要登录后才可以回帖 登录 | 入驻月翼潮流

    fastpost

    关于月翼潮流|下载桌面|联系我们|隐私保护|版权声明|Archiver|手机版 || 月翼法律顾问: ITlaw-庄毅雄|权威认证

    Powered by M.Y.Fashion ® with Discuz! X2 |Theme Designed by Jathyapple, Theme Code by Youths. google|baidu

    © 2007-2014 M·Y·Fashion 月翼潮流 MoonYi.com (沪ICP备08110630号-4) |感谢柒瑞提供免费技术支持.|

    回顶部