首页 / 素材代码 / 新版百度百科边栏固定的百度分享

新版百度百科边栏固定的百度分享

访问百度百科时,看到侧边固定的百度分享,顺手巴拉下来,说不定哪天用上,分享一下。

bdshare-cmhello_com

在网页的 </body> 前面添加下面的代码(请修改 12 行的 uid 为自己的):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<divid="bdshareside"><divid="bdshare"class="bdshare_t bds_tools get-codes-bdshare"><divclass="shareLogo"></div><divclass="shareIcon"><aclass="bds_qzone"title="分享到QQ空间"href="#"></a><aclass="bds_tsina"title="分享到新浪微博"href="#"></a><aclass="bds_tqq"title="分享到腾讯微博"href="#"></a></div><spanclass="bds_more"></span></div></div><scripttype="text/javascript"id="bdshare_js"data="type=tools&mini=1&uid=11321" ></script><scripttype="text/javascript"id="bdshell_js"></script><scripttype="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script>

然后在css文件添加下面的代码:

1
2
3
4
5
#bdshareside{width:38px;height:140px;border:1pxsolid#e6e6e6;background-color:#eee;position:fixed;top:270px;right:0;z-index:1024;*position:absolute}#bdshareside.shareIcon a{padding:0;margin:0;width:25px;height:25px;margin-left:9px;margin-bottom:2px;_margin-left:4px}#bdshareside.shareLogo{width:38px;height:32px;background:transparenturl(https://www.cmhello.com/wp-content/uploads/2013/10/bdshare.png)-72px-24pxno-repeat}#bdshareside.bds_more{display:block;background:transparenturl(https://www.cmhello.com/wp-content/uploads/2013/10/bdshare.png)-16px5pxno-repeat!important;width:38px;height:25px;padding:0}#bdshareside.bds_more:hover{background:transparenturl(https://www.cmhello.com/wp-content/uploads/2013/10/bdshare.png)-46px5pxno-repeat!important}

代码中用到的图片,请下载上传到自己的服务器(右键另存为),以防失效:

Return top