·设为首页收藏本站📧邮箱修改🎁免费下载专区🔐设置/修改密码👽群雄群聊
返回列表 发布新帖

Discuz 主题列表页左侧板块导航栏美化

654 2
发表于 2020-8-19 16:45:28 | 显示全部楼层 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
Discuz 主题列表页左侧板块导航栏美化 主题列表,左侧,板块,导航,美化

HTML:
  1. <!--{if $leftside}-->        <div id="sd_bdl" class="bdl" onmouseover="showMenu({'ctrlid':this.id, 'pos':'dz'});" style="width:{$_G['setting']['leftsidewidth']}px;margin-left:-{$_G['leftsidewidth_mwidth']}px">                <!--{hook/forumdisplay_leftside_top}-->                <!--[diy=diyleftsidetop]--><div id="diyleftsidetop" class="area"></div><!--[/diy]-->                <div id="forumleftside">                        <!--{subtemplate forum/forumdisplay_leftside}-->                </div>                <!--[diy=diyleftsidebottom]--><div id="diyleftsidebottom" class="area"></div><!--[/diy]-->                <!--{hook/forumdisplay_leftside_bottom}-->        </div><!--{/if}-->
复制代码
CSS:
  1. /*        主题列表页 - 左侧板块导航------------------------------------------------------------------- */#sd_bdl{width: 150px;border: 1px solid #dbeffc;background-color: #FFF;}#sd_bdl .bdl_h{color: #09E;height: 48px;background: #FFF;text-align: center;line-height: 48px;font-size: 20px;border-bottom: 1px solid #edf7fe;}#sd_bdl.bdl dl{border-bottom: 1px solid #edf7fe;text-align: center;background: #f5fafe;font-size: 14px;color: #3f95e5;cursor: pointer;overflow: hidden;margin: 0;}#sd_bdl.bdl dl.a dt{background: #99cdf1;}#sd_bdl.bdl dl.a dt a{color: #FFF;background: url("../images/forum_arrow_normal.png") no-repeat 6px -57px;}#sd_bdl.bdl dt{margin-bottom: 0;border: 0;background: inherit;display: block;padding-left: 12px;height: 40px;line-height: 40px;} #sd_bdl.bdl dt a{padding: 0;background: url("../images/forum_arrow_normal.png") no-repeat 6px 14px;}#sd_bdl.bdl dd{border-bottom: 1px solid #dcefff;background-color: #FFF;padding-left: 32px;height: 40px;line-height: 40px;font-size: 13px;color: #666;overflow: hidden;} #sd_bdl.bdl dd:last-child{border-bottom: 0;}#sd_bdl.bdl dd a{height: 40px;line-height: 40px;}#sd_bdl.bdl dd.bdl_a a{background-color:inherit; color: #09E; font-weight: 500; }
复制代码

图片:
Discuz 主题列表页左侧板块导航栏美化 主题列表,左侧,板块,导航,美化
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

评论2

TyCodingLv.8 发表于 2020-8-19 16:45:35 | 显示全部楼层
子菜单前面留白比较多,最好是加点什么。
还有你居然能控制住不用驼峰式写法也是不易。
我要说一句 收起回复
拾光Lv.8 发表于 2020-8-19 16:46:34 | 显示全部楼层
大体的样式做出来了,那些细节就懒得去改。
至少比默认的那个好看一些。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:44.192.132.66,36.99.225.52,GMT+8, 2024-3-29 06:10 , Processed in 0.131384 second(s), 87 queries , Gzip On, Redis On.

Based on Discuz! W1.0 Licensed

© 2001-2024 Discuz! Team.

关灯 快速发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表