PHPWIND[民间论坛]数据搬迁导致丢失严重,用户数据基本全部损坏,十分遗憾来自phpwind.me的远古记忆

继续分享一个分享按钮和顶功能

董宝中 离线 4.4K阅读 3回复 于 2014-07-22 12:01 发布在 社区周边
效果是这样的,可以赞,下面的分享鼠标滑过有特效:

图片:1.jpg



演示地址http://www.unki.cn/read.php?tid=1891&fid=38

一、安装百度分享插件(这个都后台下载了安装)
二、配置百度分享插件

图片:1.jpg



三、在“分享按钮HTML”中贴入如下代码(里面有图片的路径,如果不正常自己修改):
<!-- 将此标记放在您希望显示like按钮的位置 -->
     
<div class="bdlikebutton" style="margin-right: auto;
margin-left: auto;"></div>
     
     
     
     
<style>
     
     
.linkss {width: 950px;margin-right: auto;margin-left: auto;padding-top: 35px;height: 97px;}
.follow {height: 40px;padding-top: 10px;}
.follow_icon {width: 40px;float: left;height: 40px;text-align: center;padding-right: 15px;}
.follow_sina {width: 40px;float: left;height: 40px;padding-right: 15px;}
.follow_sina a {text-decoration:none;display: block;height: 40px;width: 40px;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;}
.follow_sina a:hover {text-decoration: none;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;background-position: left bottom;}
.follow_qq {width: 40px;float: left;height: 40px;padding-right: 15px;}
.follow_qq a {text-decoration:none;display: block;height: 40px;width: 40px;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;background-position: -40px top;}
.follow_qq a:hover {text-decoration: none;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;background-position: -40px bottom;}
.follow_renren {width: 40px;float: left;height: 40px;padding-right: 15px;}
.follow_renren a {text-decoration:none;display: block;height: 40px;width: 40px;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;background-position: -80px top;}
.follow_renren a:hover {text-decoration: none;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;background-position: -80px bottom;}
.follow_qzone {width: 40px;float: left;height: 40px;padding-right: 15px;}
.follow_qzone a {text-decoration:none;display: block;height: 40px;width: 40px;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;background-position: -120px top;}
.follow_qzone a:hover {text-decoration: none;background-image: url("/template/bbs/share.gif");background-repeat: no-repeat;background-position: -120px bottom;}
     
     
</style>
     
     
<div style="padding-left: 270px;" class="follow">
     
<div class="follow_sina">
<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=2924220432'].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));"></a>
</div>
     
     
<div class="follow_qq">
<a href="javascript:void(0)" onclick="{ var _t = encodeURI(document.title);  var _url = encodeURI(window.location); var _appkey = '333cf198acc94876a684d043a6b48e14'; var _site = encodeURI; var _pic = ''; var _u = 'http://v.t.qq.com/share/share.php?title='+_t+'&url='+_url+'&appkey='+_appkey+'&site='+_site+'&pic='+_pic; window.open( _u,'转播到腾讯微博', 'width=700, height=580, top=180, left=320, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );  };" ></a>
</div>
     
<div class="follow_renren">
            <script src="js/rrshare.js" type="text/javascript"></script>
            <a onclick="shareClick()" href="javascript:;" title="分享到人人网"></a>
            <script type="text/javascript">
                function shareClick() {
                    var rrShareParam = {
                        resourceUrl : '',   //分享的资源Url
                        srcUrl : '',    //分享的资源来源Url,默认为header中的Referer,如果分享失败可以调整此值为resourceUrl试试
                        pic : '',       //分享的主题图片Url
                        title : '',     //分享的标题
                        description : ''    //分享的详细描述
                    };
                    rrShareOnclick(rrShareParam);
                }
            </script>
</div>
     
<div class="follow_qzone">
<script type="text/javascript">
(function(){
var p = {
url:location.href,
desc:'',/*默认分享理由(可选)*/
summary:'',/*摘要(可选)*/
title:'',/*分享标题(可选)*/
site:'',/*分享来源 如:腾讯网(可选)*/
pics:'' /*分享图片的路径(可选)*/
};
var s = [];
for(var i in p){
s.push(i + '=' + encodeURIComponent(p<i>||''));
}
document.write(['<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join('&'),'" target="_blank" title="分享到QQ空间"></a>'].join(''));
})();
</script>
</div></i>


四、在“分享按钮JS代码”贴入如下代码:
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
</script>
<!-- 百度喜欢-->
<!-- 将此代码放在适当的位置,建议在body结束前 -->
<script id="bdlike_shell"></script>
<script>
var bdShare_config = {
    "type":"large",
    "color":"blue",
     
};
document.getElementById("bdlike_shell").src="http://bdimg.share.baidu.com/static/js/like_shell.js?t=" + new Date().getHours();
</script>


五、上传下面的文件到根目录(里面有图片和一个JS,你可以自己指定位置,指定后需要修改第三步的CSS里面的图片路径):
upload.zip

评论

3 最热 最新
游客
无风不起浪
无风不起浪
11年前 广东省
0
无风不起浪
无风不起浪
9年前 广东省深圳市
0
无风不起浪
无风不起浪
9年前 广东省深圳市
0
s_footer