仿Discuz官方右侧添加评论修改教程 For X2

今天去Discuz官网，看到右侧添加评论这个功能！感觉非常的不错！


如有违规请管理删帖子，不要锁了IP我现在很害怕出现这种情况，一直都非常的支持DZ。



刚好今天抽出时间加了这个功能！



下面给大家发个修改教程！

插件交流QQ群：164266658

演示：http://073980.com/thread-2775-1-1.html





首先打开static/js/Common.js文件
然后在末尾添加：

1. /*添加评论JS开始*/
   
2. function _showVFlink() {
   
3. if($('ft')){
   
4. var viewPortHeight = parseInt(document.documentElement.clientHeight);
   
5. var scrollHeight = parseInt(document.body.getBoundingClientRect().top);
   
6. var basew = parseInt($('ft').clientWidth);
   
7. var sw = $('vfpop_menu').clientWidth;
   
8. if (basew < 1000) {
   
9. var left = parseInt(fetchOffset($('ft'))['left']);
   
10. left = left < sw ? left * 2 - sw : left;
    
11. $('vfpop_menu').style.left = ( basew + left ) + 'px';
    
12. } else {
    
13. $('vfpop_menu').style.left = 'auto';
    
14. $('vfpop_menu').style.right = 0;
    
15. }
    
16. 
    
17. if (BROWSER.ie && BROWSER.ie < 7) {
    
18. $('vfpop_menu').style.top = viewPortHeight - scrollHeight - 150 + 'px';
    
19. }
    
20. if (scrollHeight < -100) {
    
21. $('vfpop_menu').style.visibility = 'visible';
    
22. } else {
    
23. $('vfpop_menu').style.visibility = 'hidden';
    
24. }
    
25. }
    
26. }
    
27. _attachEvent(window, 'scroll', function(){_showVFlink();});
    
28. /*添加评论JS结束*/

复制代码

然后在打开当前模板的viewthread.htm文件
路径：
template/你的当前模板目录/forum/viewthread.htm

然后在末尾<!--{subtemplate common/footer}-->代码上边添加：

1. <span id="vfpop_menu" onclick="showWindow('reply', 'forum.php?mod=post&action=reply&fid=$post[fid]&tid=$post[tid]&fromvf=yes')">fastpost</span>

复制代码

最后我们打开我们当前模板的css文件
路径：template/你的当前模板目录/common/common.css
在最末尾添加：

1. #vfpop_menu{visibility:hidden;position:fixed;bottom:154px;display:block;margin:-30px 0 0;width:26px;height:81px;background:url({IMGDIR}/drt_ping.png) no-repeat 50% 0;line-height:999px;overflow:hidden;cursor:pointer;}

复制代码

这样我们文件修改就完成了。。

最最最后一步，就是将添加评论按钮图片上传到我们当前模板下的图片文件夹下！

默认路径：static/image/common/
不是默认模板的将图片放在和你发帖按钮图片一个目录，不知道目录，右击发帖按钮，查看图片路径

如果上传路径不对，将导致图片不显示

图片下载：

网客家园网版权所有，未经允许，请勿侵权发布

站位            

很好的教程

电脑技术论坛

谢谢分享

呵呵！顶死你、、、

chen345210 发表于 2011-12-14 00:24
呵呵！顶死你、、、

很好的教程

正需要

这个已经用上了哈 www.gaosow.com 不过是用插件办到的

很给力，又一个好的教程