隐藏的Facebook专业






当鼠标指向【Facebook】的时侯就会变成这样 -->

这个是在旁边的 Facebook 专业的哦=]

先到-->设计-->修改Html--> Ctrl + F 寻找【</head>】 

然后在</head>的上面添加以下的代码
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
好了就按保存,还没有完哦=]

再到设计-->页面元素-->添加小工具-->Html/Jave Script 把以下的代码放下去啊
<script type="text/javascript"> 
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("图片网址") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=你的专业网址&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://pink-love1314.blogspot.com"target="_blank">Tutorial Here</a></span></div></div>
温馨小提示❤
图片网址-->就是旁边那个Facebook的图片,可自己用美图秀秀设计,上传到 photobucket 拿了代码 Paste 下去就好了
你的专业网址-->这个你们应该都知道啊,先到你Facebook的专业然后 Copy 上面的网址就好了

注:代码别乱改啊,这样的话会让你的专业不能自己移动出来。

好了就按保存咯^3^


注:如果你有放 scollbar ,你添加了这个你的 scollbar 就会不见。

14 条评论:

  1. 你有类似这个照片吗 ><

    回复删除
  2. ShiN ` x):我还没有去制作呢,最近没有时间啊,真抱歉啊 ><

    能自己用美图秀秀弄哦=]

    回复删除
  3. 可以放去左边的吗?因为我的Cbox已经隐藏在右边了
    两个重叠很难按... >.<

    回复删除
  4. Budding_Wen:
    唔@@我之前有做这实验,但是不成功哦 >< 抱歉啊

    你可以选择把 Cbox 放去左边的 ^^

    回复删除
  5. 但是CBox我也不会隐藏去左边 T.T

    回复删除
  6. Budding_Wen:

    唔@@ 因为 Cbox 的代码有点复杂,所以我很难在这里向你解释 ><

    回复删除
  7. 没关系啦 我已经删掉CBOX的隐藏了 =)

    回复删除
  8. erm...怎样用那个photobucket上传???

    回复删除
  9. 馨忆:

    http://pink-love1314.blogspot.com/2011/10/photobucket.html
    这篇能帮到你啊 ^^

    回复删除
  10. ok~
    那我自己做的鼠标也是一样吗?

    回复删除
  11. 馨忆:

    当然可以啊!

    不客气啊 =)

    回复删除
  12. 成功了:)谢谢你的教程!

    回复删除

留言规则 请勿犯规 :)

--------------------------------------------------------------------------------

1、由于评论太哆,有些我不能一一评论

2、如有捣乱着,恕我删除留言

3、有些博友要的教程,请勿再三询问,请到教程列表里仔细寻找

谢谢 :)