让你的版块导航增加收起展开按钮（可以随时隐藏/开启）!

资源名称: 让你的版块导航增加收起展开按钮!
原创作者: 北北″
适用版本: Discuz! X2.0  
语言编码: GBK UTF8 BIG5 TC_UTF8

效果说明：

访问某一版块时，如下图：

把鼠标放在左边的版块导航，左上角即会出现一个小箭头，如下图：

将鼠标移到小箭头，鼠标下方即出现注释：收起版块导航

点击小箭头，关闭版块导航，如下图：

接下来你再查看其他版块的时候，就都是上面这种状态了，当然如果你可以随时再展开它，点击小箭头就可以了，如下图：

这是不是效果很好呢，很人性哦。

效果演示http://bbs.52ttxx.com/forum-91-1.html

实现这种效果的操作也不难。建议在操作前把需要修改的文件备份，以便需要恢复时使用。

1.修改你网站目录下\template\default\forum\forumdisplay.htm：

找到这段代码

1. <div class="boardnav">

复制代码

在上行添加下面代码

1. <!--{if $allowleftside && !IS_ROBOT}-->
   
2. <div class="sd_ctrl">
   
3. <!--{if $leftside}-->
   
4. <a href="$leftsideswitch&leftsidestatus=1" title="收起版块导航" id="sd_bdl_menu" style="display: none;">收起版块导航</a>
   
5. <!--{else}-->
   
6. <a href="$leftsideswitch&leftsidestatus=0" title="展开版块导航" class="o">展开版块导航</a>
   
7. <!--{/if}-->
   
8. </div>
   
9. <!--{/if}-->

复制代码

保存后，上传覆盖。

2。修改你网站目录下\template\default\common目录下的common.css文件:

在最后一行后面添加以下代码

1. .sd_ctrl { position: absolute; margin-left: -11px; }
   
2. .sd_ctrl a { display: block; text-indent: -999px; width: 11px; height: 42px; background: url({STYLEIMGDIR}/sd_ctrl.gif) no-repeat 0 0; outline: none; }
   
3. .sd_ctrl .o { background-position: -11px 0; }

复制代码

同时找到

1. {STYLEIMGDIR}

复制代码

将其替换为

1. {IMGDIR}

复制代码

保存后，上传覆盖。

3。将本帖附件解压，将图片sd_ctrl.gif上传至你的网站目录/static/image/common 目录下。

4。然后后台 更新缓存即可!!

更多经典的DZ教程、DZ资源、建站经验可见：http://bbs.52ttxx.com/forum-91-1.html

沙发自己占

Eric.R 发表于 2011-10-8 20:57
让你的版块导航增加收起展开按钮（可以随时隐藏/开启）! 这篇文章很有价值，我会继续关注的。:)

谢谢支持

小改也是原创啊,呵,支持..

确实不错哦

楼主能不能 弄下把导航默认全部展开啊

YEEI模板早就有了