【x2.5】帖子页显示"去其它版块看看"功能，方便用户体验，免费发布

网址演示：驻马店论坛 http://bbs.zmd5.com/thread-114676-1-1.html
显示效果：


打开template\default\forum中的viewthread.htm文件 （非默认风格，修改当前风格中的）

搜索以下代码

<!--{subtemplate common/footer}-->   （底部文件调用代码，其它版本的，也是加到类似地方即可）

在这代码代码上面加入：

1. <style>
   
2. #gobar { position: absolute; width:25px; height:121px; }
   
3. #gobar button { width:25px; height:121px; cursor: pointer; border:none; }
   
4. #gobar ul { display: none; position: absolute; left:27px; bottom:0; width:180px; border:1px solid #62AEDA; background:#FFF; padding:5px 8px; }
   
5. #gobar.on ul { display: block; }
   
6. #gobar.on ul li { float:left; width:82px; height:25px; line-height: 25px; overflow: hidden; padding:0 4px; border-bottom:1px solid #DEE1E4; }
   
7. #side_a1 { color:#4F7CB0; }
   
8. #side_a2 { color:#006600; }
   
9. #side_a3 { color:#FF0000; }
   
10. #side_a4 { color:#6633FF; }
    
11. #side_a5 { color:#0033CC; }
    
12. </style>
    
13. <script type="text/javascript" src="http://bbs.zmd5.com/side/jquery.js"></script>
    
14. <script type="text/javascript" src="http://bbs.zmd5.com/side/slide1.js"></script>
    
15. <div style="left:205px; top: 560px; position:absolute; font-size:12px; color:#333333" id="gobar" class="on"><button  id="forum_button" style="background:url(http://bbs.zmd5.com/side/1.jpg)"></button>
    
16. <ul id="child_gobar" style="display:none; margin-left:0">
    
17. <li><a href="http://bbs.zmd5.com/forum-209-1.html" target="_blank" id="side_a1">驻马店生活</a></li>
    
18. <li><a href="http://bbs.zmd5.com/forum-176-1.html" target="_blank" id="side_a1">驻马店户外</a></li>
    
19. <li><a href="http://bbs.zmd5.com/forum-182-1.html" target="_blank" id="side_a1">驻马店美食</a></li>
    
20. <li><a href="http://bbs.zmd5.com/forum-215-1.html" target="_blank" id="side_a1">驻马店业主</a></li>
    
21. <li><a href="http://bbs.zmd5.com/forum-207-1.html" target="_blank" id="side_a1">驻马店问答</a></li>
    
22. <li><a href="http://bbs.zmd5.com/forum-356-1.html" target="_blank" id="side_a1">驻马店聚会</a></li>
    
23. <li><a href="http://bbs.zmd5.com/forum-351-1.html" target="_blank" id="side_a2">租房卖房</a></li>
    
24. <li><a href="http://bbs.zmd5.com/forum-352-1.html" target="_blank" id="side_a2">物品交易</a></li>
    
25. <li><a href="http://bbs.zmd5.com/forum-335-1.html" target="_blank" id="side_a2">宠物买卖</a></li>
    
26. <li><a href="http://bbs.zmd5.com/forum-353-1.html" target="_blank" id="side_a2">求职招聘</a></li>
    
27. <li><a href="http://bbs.zmd5.com/forum-354-1.html" target="_blank" id="side_a2">征婚交友</a></li>
    
28. <li><a href="http://bbs.zmd5.com/forum-355-1.html" target="_blank" id="side_a2">店铺宣传</a></li>
    
29. <li><a href="http://bbs.zmd5.com/forum-370-1.html" target="_blank" id="side_a3">天中义工</a></li>
    
30. <li><a href="http://bbs.zmd5.com/forum-371-1.html" target="_blank" id="side_a3">驿城公益</a></li>
    
31. <li><a href="http://bbs.zmd5.com/forum-372-1.html" target="_blank" id="side_a3">天中爱心</a></li>
    
32. <li><a href="http://bbs.zmd5.com/forum-323-1.html" target="_blank" id="side_a3">加入公益</a></li>
    
33. <li><a href="http://bbs.zmd5.com/forum-238-1.html" target="_blank" id="side_a4">原创摄影</a></li>
    
34. <li><a href="http://bbs.zmd5.com/forum-174-1.html" target="_blank" id="side_a4">照片展示</a></li>
    
35. <li><a href="http://bbs.zmd5.com/forum-186-1.html" target="_blank" id="side_a4">情感驿站</a></li>
    
36. <li><a href="http://bbs.zmd5.com/forum-188-1.html" target="_blank" id="side_a4">文学小说</a></li>
    
37. <li><a href="http://bbs.zmd5.com/thread-34499-1-1.html" target="_blank" id="side_a5">如何删帖子</a></li>
    
38. <li><a href="http://bbs.zmd5.com/thread-46123-1-1.html" target="_blank" id="side_a5">发贴被审核</a></li>
    
39. <li style="border: medium none;"><a href="http://bbs.zmd5.com/thread-40231-1-1.html" target="_blank" id="side_a5">请联系我们</a></li>
    
40. <li style="border: medium none;"><a href="http://bbs.zmd5.com/memcp.php?action=profile&typeid=1" target="_blank" id="side_a5">请设置密码</a></li>
    
41. </ul>
    
42. </div>

复制代码

最后，将附件下载解压后，连同 side目录传至论坛根目录。

游客，如果您要查看本帖隐藏内容请回复

---

防19楼【去其它城市】功能，绿色版本 FOR discuz7.2/x2.0
https://discuz.dismall.com/thread-2247734-1-1.html

x2.0/7.2版本 发贴预置内容 （按版块提前发布内容）免费发布
https://discuz.dismall.com/thread-2476496-1-1.html

放在论坛上的商品展示、广告位、商家展示等小功能[精致大方，很实用]

https://discuz.dismall.com/thread-2476504-1-1.html

【x2.0】Logo右侧广告位/推广链接，将2.0的顶部空白处利用起来！

https://discuz.dismall.com/thread-2479819-1-1.html


discuzX2.0 百宝箱插件（精品绿色插件，免费提供下载）

https://discuz.dismall.com/thread-2247106-1-1.html


放在论坛首页的宣传代码插件，完全免费[推广常用] FOR x2.0

https://discuz.dismall.com/thread-2255629-1-1.html

7.2及其它版本，修改 /templates/default/中的

left:205px; top: 560px;   这个是按钮的位置，离左侧 205 ，离上部 560

前排支持一下

这个挺不错的。。支持下

终于搞出来了啊，赞一个

chrome下，位置有误

不随页面滚动

还是蛮不错的

指间流沙 发表于 2011-11-13 16:38
chrome下，位置有误

不随页面滚动

可能是chrome对JS不兼容。