×
新版百度百科边栏固定的百度分享
优畅主题 前端开发 2014-09-07 21:21 4,586 0 条评论

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

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

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

<div id="bdshareside">
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<div class="shareLogo"></div>
<div class="shareIcon">
<a class="bds_qzone" title="分享到QQ空间" href="#"></a>
<a class="bds_tsina" title="分享到新浪微博" href="#"></a>
<a class="bds_tqq" title="分享到腾讯微博" href="#"></a>
</div>
<span class="bds_more"></span>
</div>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&mini=1&uid=11321" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="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文件添加下面的代码:

#bdshareside{width:38px;height:140px;border:1px solid #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:transparent url(http://ww4.sinaimg.cn/mw1024/b86f9e03gw1ek486jqlxvj202s02sjr5.jpg) -72px -24px no-repeat}
#bdshareside .bds_more{display:block;background:transparent url(http://ww4.sinaimg.cn/mw1024/b86f9e03gw1ek486jqlxvj202s02sjr5.jpg) -16px 5px no-repeat!important;width:38px;height:25px;padding:0}
#bdshareside .bds_more:hover{background:transparent url(http://ww4.sinaimg.cn/mw1024/b86f9e03gw1ek486jqlxvj202s02sjr5.jpg) -46px 5px no-repeat!important}

如果本文对你有帮助,你可以扫描右边的二维码打赏,谢谢支持
联系优畅:uctheme#qq.com (#改为@)
微信订阅号:优畅主题(uctheme)
官网淘宝店:http://uctheme.taobao.com
版权声明:版权归 优畅主题 所有,转载请注明出处!
转载请保留链接: https://www.uctheme.com/911.html
谢谢微信打赏

微信钱包扫描赞助

谢谢支付宝打赏

支付宝扫一扫赞助

品牌创立:2012-11-18优畅主题

优畅主题成立于2012年11月18日,专业Wordpress导购主题开发商,拥有多年Wordpress主题设计经验,专门为淘宝客和导购客站长量身打造高端赚钱模板,我们注重细节,有着严谨的开发态度,一切从客户角度出发,如果你也喜欢 WordPress导购主题,欢迎和我们一起交流!

上一篇 WordPress: 数据库换前缀导致的问题和解决 CSS实现自动换行的小技巧 下一篇

1 + 3 = ?

目前还没有评。

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册