文章资讯内页增加【分享到】 美化版支持2.5及后续任何版本

早前有位朋友发布了一个文章内页分享到的小东西，因为我的是2.5版，那位朋友发布的时候已经是3月份的时候了，用文件比对工具一比对，很多东西都已经修改过，不能直接覆盖，下面教大家一个简单的添加这个功能的办法，可以随时和官方一起升级。
先看图：


（之前那位朋友是设置在了标题的下方，感觉不够美观，也和论坛的显示方式不一样，所以做个小修改）

演示地址：http://www.077pet.com/new/

步骤1：在template\default\common\common.css 任意位置增加以下代码：

1. /* 分享到QQ空间 */ .wqzone { background-image: url({IMGDIR}/qzone.gif); }
   
2. /* 分享到腾讯微博 */ .wweibo { background-image: url({IMGDIR}/weibo.png); }
   
3. /* 分享到腾讯朋友 */ .wpengyou { background-image: url({IMGDIR}/pengyou.png); }
   
4. /* 分享到新浪微博 */ .wsina { background-image: url({IMGDIR}/sina.png); }

复制代码

步骤2：在template\default\portal\view.htm 找到以下代码（大概在108行）：

1. <a href="misc.php?mod=invite&action=article&id=$article[aid]" id="a_invite" onclick="showWindow('invite', this.href, 'get', 0);" class="oshr oivt">{lang invite}</a>

复制代码

在其下方添加如下代码：

1. 
   
2. <P><a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;" title="分享到QQ空间" class="oshr wqzone">QQ空间</a>
   
3. <a href="javascript:void(0)" onclick="postToWb();" title="转播到腾讯微博" class="oshr wweibo">腾讯微博</a>
   
4. <script type="text/javascript">
   
5. function postToWb(){
   
6. var _t = encodeURI(document.title);
   
7. var _url = encodeURIComponent(document.location);
   
8. var _appkey = encodeURI("ce7fb946290e4109bdc9175108b6db3a");
   
9. var _pic = encodeURI('');
   
10. var _site = 'www.077pet.com';
    
11. var _u = 'http://v.t.qq.com/share/share.php?title='+_t+'&url='+_url+'&appkey='+_appkey+'&site='+_site+'&pic='+_pic;
    
12. window.open( _u,'转播到腾讯微博', 'width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );
    
13. }
    
14. </script>
    
15. <a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url='+encodeURIComponent(document.location.href));return false;" title="分享到朋友社区" class="oshr wpengyou">腾讯朋友</a>
    
16. <a href="javascript:void((function(s,d,e){try{}catch(e){}var f='http://v.t.sina.com.cn/share/share.php?',u=d.location.href,p=['url=',e(u),'&title=',e(d.title),'&appkey=2359670809'].join('');function a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=620,height=450,left=',(s.width-620)/2,',top=',(s.height-450)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})(screen,document,encodeURIComponent));" title="转播到新浪微博" class="oshr wsina"> 新浪微博</a>

复制代码

步骤3、把附件的新浪微博小图标下载上传到/static/image/common/
步骤4：将上述修改过的2个文件上传到服务器相应位置，进入后台“风格管理”更新CSS缓存 即可。

ps：以后官方升级的时候，同样方法添加这2个地方的代码即可，和任何文件都不冲突的啦。。。此修改只是初级内容，高手莫笑。看帖要回是一种素质体现。

演示地址：http://www.077pet.com/new/

我的是X2.0的找不到步骤2那段代码
不知道是否可以帮忙
感谢!

天天来寻找插件，我就不相信找不到我喜欢的

頭大 发表于 2012-5-8 18:12
我的是X2.0的找不到步骤2那段代码
不知道是否可以帮忙
感谢!

{lang invite}  找到这个，就知道是哪行了

不错的，顶了呀 Discuze交流群1：211670828 群2：40831819 暗号：DZ

谢谢！我用了一个取巧的办法：通过后台设置广告位解决了，一点代码都不用改，和投放广告一样简单  可以看看效果： http://www.jlyzjy.com

对了，我只设置了“门户--文章”广告，其它地方都没设，你可以直接看文章的效果：http://www.jlyzjy.com/portal.php?mod=view&aid=412

设置成功