奇瑰网

[其他] Discuz 主题列表页左侧板块导航栏美化

[复制链接]
用户网龄
0.2年

发表于 2021-2-25 14:52:37 | 显示全部楼层 |阅读模式
效果:
172220a3za4mwlla2gcnqf.png
HTML:
[HTML] 纯文本查看 复制代码
<!--{if $leftside}-->        <div id="sd_bdl" class="bdl" 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:
[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; }


图片


172220b3j5184x6vi44ja5.png




上一篇:一个漂亮的跳转加载HTML代码
下一篇:Discuz教程:删除注册页面的Email填写项
发表于 2021-2-25 15:33:57 | 显示全部楼层
谢谢分享,下载下来试试,希望一切好用
回复

使用道具 举报

发表于 2021-2-25 15:35:15 | 显示全部楼层
回复看看 支持支持下
回复

使用道具 举报

用户网龄
2.9年

发表于 2021-2-25 15:36:08 | 显示全部楼层
为毛老子总也抢不到沙发?!!
回复

使用道具 举报

用户网龄
2.2年
0 66 127

发表于 2021-2-25 15:37:45 | 显示全部楼层
看帖要回,回帖才健康,在踩踩,楼主辛苦了!
回复

使用道具 举报

发表于 2021-2-25 15:37:50 | 显示全部楼层
元芳你怎么看?
回复

使用道具 举报

用户网龄
2.9年

发表于 2021-2-25 15:38:05 | 显示全部楼层
占位编辑
回复

使用道具 举报

用户网龄
2.4年

发表于 2021-2-25 15:40:34 | 显示全部楼层
元芳你怎么看?
回复

使用道具 举报

发表于 2021-2-25 15:44:41 | 显示全部楼层
发发呆,回回帖,工作结束~
回复

使用道具 举报

使用高级回帖 (可批量传图、插入视频等)

发表回复

您需要登录后才可以回帖 登录 | 账号注册   微信登录

本版积分规则   Ctrl + Enter 快速发布  

发帖时请遵守我国法律,网站会将有关你发帖内容、时间以及发帖IP地址等记录保留,只要接到合法请求,即会将信息提供给有关政府机构。
Powered by Discuz! X3.4 ( 粤ICP备20013252号-1
Copyright © 2014-2021 奇瑰网 粤公网安备44130302100219号
快速回复 返回顶部 返回列表