显示效果:
打开templatedefault orum中的viewthread.htm文件 (非默认风格,修改当前风格中的)
搜索以下代码
(底部文件调用代码,其它版本的,也是加到类似地方即可)
在这代码代码上面加入:- <style>
- #gobar { position: absolute; width:25px; height:121px; }
- #gobar button { width:25px; height:121px; cursor: pointer; border:none; }
- #gobar ul { display: none; position: absolute; left:27px; bottom:0; width:180px; border:1px solid #62AEDA; background:#FFF; padding:5px 8px; }
- #gobar.on ul { display: block; }
- #gobar.on ul li { float:left; width:82px; height:25px; line-height: 25px; overflow: hidden; padding:0 4px; border-bottom:1px solid #DEE1E4; }
- #side_a1 { color:#4F7CB0; }
- #side_a2 { color:#006600; }
- #side_a3 { color:#FF0000; }
- #side_a4 { color:#6633FF; }
- #side_a5 { color:#0033CC; }
- </style>
- <script type="text/javascript" src="http://bbs.zmd5.com/side/jquery.js"></script>
- <script type="text/javascript" src="http://bbs.zmd5.com/side/slide1.js"></script>
- <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>
- <ul id="child_gobar" style="display:none; margin-left:0">
- <li><a href="http://bbs.zmd5.com/forum-209-1.html" target="_blank" id="side_a1">驻马店生活</a></li>
- <li><a href="http://bbs.zmd5.com/forum-176-1.html" target="_blank" id="side_a1">驻马店户外</a></li>
- <li><a href="http://bbs.zmd5.com/forum-182-1.html" target="_blank" id="side_a1">驻马店美食</a></li>
- <li><a href="http://bbs.zmd5.com/forum-215-1.html" target="_blank" id="side_a1">驻马店业主</a></li>
- <li><a href="http://bbs.zmd5.com/forum-207-1.html" target="_blank" id="side_a1">驻马店问答</a></li>
- <li><a href="http://bbs.zmd5.com/forum-356-1.html" target="_blank" id="side_a1">驻马店聚会</a></li>
- <li><a href="http://bbs.zmd5.com/forum-351-1.html" target="_blank" id="side_a2">租房卖房</a></li>
- <li><a href="http://bbs.zmd5.com/forum-352-1.html" target="_blank" id="side_a2">物品交易</a></li>
- <li><a href="http://bbs.zmd5.com/forum-335-1.html" target="_blank" id="side_a2">宠物买卖</a></li>
- <li><a href="http://bbs.zmd5.com/forum-353-1.html" target="_blank" id="side_a2">求职招聘</a></li>
- <li><a href="http://bbs.zmd5.com/forum-354-1.html" target="_blank" id="side_a2">征婚交友</a></li>
- <li><a href="http://bbs.zmd5.com/forum-355-1.html" target="_blank" id="side_a2">店铺宣传</a></li>
- <li><a href="http://bbs.zmd5.com/forum-370-1.html" target="_blank" id="side_a3">天中义工</a></li>
- <li><a href="http://bbs.zmd5.com/forum-371-1.html" target="_blank" id="side_a3">驿城公益</a></li>
- <li><a href="http://bbs.zmd5.com/forum-372-1.html" target="_blank" id="side_a3">天中爱心</a></li>
- <li><a href="http://bbs.zmd5.com/forum-323-1.html" target="_blank" id="side_a3">加入公益</a></li>
- <li><a href="http://bbs.zmd5.com/forum-238-1.html" target="_blank" id="side_a4">原创摄影</a></li>
- <li><a href="http://bbs.zmd5.com/forum-174-1.html" target="_blank" id="side_a4">照片展示</a></li>
- <li><a href="http://bbs.zmd5.com/forum-186-1.html" target="_blank" id="side_a4">情感驿站</a></li>
- <li><a href="http://bbs.zmd5.com/forum-188-1.html" target="_blank" id="side_a4">文学小说</a></li>
- <li><a href="http://bbs.zmd5.com/thread-34499-1-1.html" target="_blank" id="side_a5">如何删帖子</a></li>
- <li><a href="http://bbs.zmd5.com/thread-46123-1-1.html" target="_blank" id="side_a5">发贴被审核</a></li>
- <li style="border: medium none;"><a href="http://bbs.zmd5.com/thread-40231-1-1.html" target="_blank" id="side_a5">请联系我们</a></li>
- <li style="border: medium none;"><a href="http://bbs.zmd5.com/memcp.php?action=profile&typeid=1" target="_blank" id="side_a5">请设置密码</a></li>
- </ul>
- </div>
复制代码
最后,将附件下载解压后,连同 side目录传至论坛根目录。
side.zip
(50.72 KB, 下载次数: 9)
|
上一篇: Discuz X2无敌美通讯录插件v1.0下一篇: 【柒瑞快捷键系统】for Discuz X2.0 GBK 让你的论坛飞起来!
|