仿X2 ➟板块浏览页面的板块导航

QMS · 发表于 2022-3-27 21:02:34

需要安装JQ库➟➟JQuery安装，已经安装可以忽略。

进入后台 ➟工具 ➟数据调用 ➟新建自由代码，名称：

自由代码_板块导航

复制代码

内容：

<style>/*---------------------板块导航----------------------------------------*/
#forumdisplay .with_side .main{margin-left: -140px!important;}
#forumdisplay .with_side .content{margin-left: 140px!important;}
#forumdisplay .with_side .side{width: 140px!important;}
.a dd{display:none}
.bdl{float:left;overflow:hidden;border:1px solid #ffcc66;background-color:#F5F9FB;}
.ie6 .bdl{position:relative;}
.bdl_h{height:32px;line-height:22px;}
.bdl .tbn{margin:10px;}
.bdl dl{margin:-1px -10px 0;}
.bdl dt{overflow:hidden;height:27px;line-height:27px;border:solid #ffcc66;border-width:1px 0;background:#F5F9FB url(https://kuchingshare.my/other/p/zypic.png) repeat-x 100% 0;}
.bdl dt a{display:block;padding:0 15px 0 10px;font-weight:bold;color:#000000!important;}
.bdl dt a:hover,.bdl_a a:hover{text-decoration:none;}
.bdl dd{display:none;}
.bdl dd a{display:block;margin:0 3px;padding:0 7px;height:26px;line-height:26px;overflow:hidden;}
.bdl dl.a{padding-bottom:4px;background-color:#FFF;}
.bdl dl.a dt{margin-bottom:3px;background-position:100% -27px;}
.bdl dl.a dd,.bdl_fav dd{display:block;overflow:hidden;zoom:1;}
.bdl dd.bdl_a a{font-weight:700;}
.bdl dd.bdl_a,.bdl dd:hover{background:#ffcc66;}
.bdl dd{border-bottom:#ffcc66 1px dashed;}
</style>
<div id="sd_bdl" class="bdl" style="width:130px;">
<div class="tbn" id="forumleftside"><h2 class="bdl_h">版块导航</h2>
<dl class="" id="lf_49">
<dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_49')" title="章鱼博客">章鱼博客</a></dt>
<dd>
<a href="/forum-50-1.html" title="章鱼博客">章鱼博客</a>
</dd>
</dl>
<dl class="" id="lf_16">
<dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_16')" title="Discuz!专区">Discuz!专区</a></dt><dd>
<a href="/forum-17-1.html" title="SCLUB代码">SCLUB代码</a>
</dd>
<dd>
<a href="/forum-8-1.html" title="5d6d代码">5d6d代码</a>
</dd>
<dd>
<a href="/forum-75-1.html" title="申请代整">申请代整</a>
</dd>
<dd>
<a href="/forum-19-1.html" title="疑问解答">疑问解答</a>
</dd>
<dd>
<a href="/forum-55-1.html" title="SCLUB插件">SCLUB插件</a>
</dd>
<dd>
<a href="/forum-20-1.html" title="插件资讯">插件资讯</a>
</dd>
<dd>
<a href="/forum-58-1.html" title="内测插件">内测插件</a>
</dd>
</dl>
<dl class="" id="lf_999">
<dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_999')" title="SCLUB插件">SCLUB插件</a></dt>
<dd>
<a href="/forum-47-1.html" title="宠物中心">宠物中心</a>
</dd>
<dd>
<a href="/forum-53-1.html" title="许愿墙">许愿墙</a>
</dd>
<dd>
<a href="/forum-56-1.html" title="积分进度条">积分进度条</a>
</dd>
<dd>
<a href="/forum-57-1.html" title="7钻点亮">7钻点亮</a>
</dd>
<dd>
<a href="/forum-59-1.html" title="首页7格帖子调用">首页7格帖子调用</a>
</dd>
<dd>
<a href="/forum-67-1.html" title="论坛际遇">论坛际遇</a>
</dd>
<dd>
<a href="/forum-71-1.html" title="章鱼音乐播放器">章鱼音乐播放器</a>
</dd>
<dd>
<a href="/forum-72-1.html" title="@呼我插件">@呼我插件</a>
</dd>
<dd>
<a href="/forum-74-1.html" title="名人堂">名人堂</a>
</dd>
</dl>
<dl class="" id="lf_5">
<dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_5')" title="章鱼之家">章鱼之家</a></dt>
<dd>
<a href="/forum-6-1.html" title="LF2专区">LF2专区</a>
</dd>
<dd>
<a href="/forum-7-1.html" title="QQT专区">QQT专区</a>
</dd>
</dl>
<dl class="" id="lf_10">
<dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_10')" title="杂类版块">杂类版块</a></dt>
<dd>
<a href="/forum-11-1.html" title="新手报到">新手报到</a>
</dd>
<dd>
<a href="/forum-13-1.html" title="站务管理">站务管理</a>
</dd>
<dd>
<a href="/forum-26-1.html" title="聊天灌水">聊天灌水</a>
</dd>
<dd>
<a href="/forum-48-1.html" title="笑话专区">笑话专区</a>
</dd>
<dd>
<a href="/forum-14-1.html" title="每日签到">每日签到</a>
</dd>
</dl>
<dl class="" id="lf_3">
<dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_3')" title="管理员专区">管理员专区</a></dt>
<dd>
<a href="/forum-4-1.html" title="管理员会议室">管理员会议室</a>
</dd>
<dd>
<a href="/forum-24-1.html" title="数据记录">数据记录</a>
</dd>
<dd>
<a href="/forum-25-1.html" title="附件储存">附件储存</a>
</dd>
</dl>
</div>
</div>
<script>
function leftside(id) {
aa=$("umenu").innerHTML
//$jq("#"+id+" dd").toggle(300)
$(id).className = $(id).className == 'a' ? '' : 'a';
if(id == 'lf_fav'){
setcookie('leftsidefav', $(id).className == 'a' ? 0 : 1, 2592000);
}
}
$jq("#sd_bdl a[href='/forum-"+fid+"-1.html']").parent().parent()[0].className="a"
$jq("#sd_bdl a[href='/forum-"+fid+"-1.html']").parent()[0].className="bdl_a"
</script>

复制代码

然后把他加入主题的边栏即可。

文章来源：zyhome.66rt.com

[章鱼之家] 仿X2 ➟板块浏览页面的板块导航