您所在的位置: 首页 > 健宇学院 > 网站技术 > 将百度分享按钮位置固定

将百度分享按钮位置固定

昨晚看到一篇将百度分享按钮位置固定的技术文章,于是健宇也对自己的百度分享做出了调整,调整后的感觉还不错。

20130926104007

 

以上就是效果图,

接下来就教你把这个固定的分享按钮添加到其它主题中。

第一步,在你所用主题目录新建一个名称为:share.php的模板文件,将下面的代码复制到进去并保存:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<div id="share">  
    <div class="share">  
        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">  
            <a class="bds_tsina"></a>  
            <a class="bds_tqq"></a>  
            <a class="bds_qzone"></a>  
            <a class="bds_renren"></a>

            <span class="bds_more"></span>  
        </div>  
        <div style="clear:both;"></div>  
    </div>  
</div>  
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=0" ></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>  
<style type="text/css">  
#share {  
    display:block;  
    width:35px;  
    margin-left:-546px;/* 修改左右位置 */  
    position:fixed;  
    left:50%;  
    top:420px;/* 修改上下位置 */  
    _margin-left:-546px;/* IE6修改左右位置 */  
    _position:absolute;  
    _margin-top:420px;/* IE6修改上下位置 */  
    _top:expression(eval(document.documentElement.scrollTop));  
    }  
.share {  
    background:#fff;  
    width:24px;  
    border: 1px solid #ccc;  
    border-radius:5px 0 0 5px;  
    }  
#bdshare_l {  
    border-radius: 5px;  
    }  
div #bdshare_l_c {  
    border: 1px solid #ccc;  
    border-radius: 5px;  
    }  
#bdshare h6, #bdshare_s h6,#bdshare p, #bdshare_s p {  
    display:none;  
    }  
</style>

第二步,将调用代码:


1
<?php include('share.php'); ?>

最后,添加到主题页脚模板footer.php这句上面,就可以实现了。

 

请尊重我们的辛苦付出,未经允许,请不要转载 健宇工作室 的文章,鄙视各种无耻的采集行为!

健宇工作室分享区  YY教学频道号:63565426

随机文章:

将百度分享按钮位置固定:等您坐沙发呢!

给我留言

87 + 92 = 两数相加后,请输入答案