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

admin · 发表于 2020-8-19 16:45:28

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

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

×

HTML：

<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">  <div id="diyleftsidetop" class="area"></div> <div id="forumleftside">  </div> <div id="diyleftsidebottom" class="area"></div>  </div>

复制代码

CSS：

/* 主题列表页 - 左侧板块导航------------------------------------------------------------------- */#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; }

复制代码

图片：

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！