访问百度百科时,看到侧边固定的百度分享,顺手巴拉下来,说不定哪天用上,分享一下。
在网页的 </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}
你必须 登录 后才能发表评论。
拥有多年WordPress博客/企业建站开发经验,独树一帜的设计,提供最专业的网站设计方案;原创的主题标签语义化,增强网站优化效果。
增强用户体验、提高品牌形象给人留下深刻的印象,那就选择我们,我们的每一款主题都是独一无二的,都有自己的灵魂,每款主题都有各自的配色方案。
遵循现代网页设计的趋势,所有主题都提供完整的响应式布局,优化大桌面显示器以及对平板和智能手机的支持,从而提供一致性的用户体验。
长期及时地在线售后服务和免费升级更新,确保您的网站始终运行在最佳状态,24小时QQ在线的沟通方式免去您的后顾之忧,替您节省网站维护成本。
目前还没有评。