2012-09-21 83 views
0

我發展與像按鈕的網頁添加這樣的:如何隱藏,如Facebook的按鈕,發送按鈕,但不隱瞞添加評論,發送給Facebook的框架

<html xmlns:fb="http://ogp.me/ns/fb#"> 
    ... 

<body> 
<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1&appId=my_app_id"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

... 

<div id="facebook" style="float:right;"> 
    <fb:like href="my_link_to_share" send="true" width="20" show_faces="true" font="verdana"> 
    </fb:like> 
</div> 

通常這將是:

enter image description here

我正確地隱藏文本,以這種方式發送按鈕:

div#facebook{ 
    margin-top: 0; 
    padding-top: 5px; 
    width: 80px; 
    overflow:hidden; 
} 

但是當我點擊按鈕,像它應該出現:

enter image description here

但因爲我把width:80px,評論和分享框,將採取寬。可以隱藏發送按鈕和文本,但保持框的大小?謝謝!

回答

2

如果你真的只是想發送按鈕被隱藏(而不是像數),不只是取消選中「發送按鈕」,改變佈局爲「按鈕數」的類似按鈕創建頁面:https://developers.facebook.com/docs/reference/plugins/like/

+0

確定。 。真的更好..但是不可能隱藏像是一樣的嗎? – JackTurky

+0

這裏提到了一些方法:http://stackoverflow.com/questions/2950172/facebook-like-button-hide-count但其中大部分都是舊的,並且由於新的對話框窗口不再工作。提出的解決方案充其量只是哈克。 – zeebonk