Discuz单论坛模板教程：[7]列表页左侧-趣百科

Discuz单论坛模板教程：[7]列表页左侧

编辑：Simone 2024-11-23 22:05:29 546 阅读

Discuz单论坛模板教程：[7]列表页左侧

仿造完毕魅族模板的头部,接下来我们放在魅族的列表页左侧导航

首先我们看到魅族列表页左侧的div框架如下图所示:

接下来我们就将魅族左侧的所涉及到的div用chrome浏览器复制到daodejing_mz/common的extend_common.css里面,如下图所示:

.nav_rightside {float: right;box-shadow: 0 0 4px #ECECEC;width: 218px;}

.bdl .tbn {margin: 10px 10px 20px 10px;padding: 1px 0px 0px;}

.bdl dt {overflow: hidden;margin-top: 17px;height: 42px;line-height: 42px;color: #0099cc;

margin-bottom: 0 !important;color: #0099cc !important;font-size: 18px;padding-left: 20px;cursor: default;}

.bdl dd a {display: block;padding-left: 20px;overflow: hidden;height: 40px;line-height: 40px;font-size: 16px;

color: #515151 !important;margin-top: 5px;}

.bdl dl.a {background-color: #FFF;}

这一步很重要,我们要把daodejing_mz/forum的forumdisplay.htm修改一下,具体步骤如下:

第一步在forumdisplay.htm中找到

然后把这个代码放到:如下图所示的位置并且改成:

Discuz单论坛模板教程：[7]列表页左侧