風格臉譜「like」按鈕

我正在爲此掙扎了一段時間，沒有任何成功。用jquery設置樣式不起作用，跟facebook iframe一樣。有沒有辦法執行這項任務？風格臉譜「like」按鈕

<iframe src="http://www.facebook.com/plugins/like.php?&href=http%3A%2F%2Fwww.example.com&amp;layout=standard&amp;show_faces=false&amp;width=400&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=23" 
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:23px;" allowTransparency="false"></iframe>   

<style> 
    .connect_widget_not_connected_text, .connect_widget_connected_text { 
     color:white; 
    } 
    .connect_widget_connected_text a { 
     color:#3B5998; 
    } 
</style> 

<script type="text/javascript"> 
    $(function() { 
     $('.connect_widget_not_connected_text').css('color', 'white'); 
    }); 
</script>

來源

2010-09-30 mastodon

我不認爲你可以以這種方式從父頁面樣式的iframe內容。你可以嘗試添加一個id到iframe並試圖以這種方式調用它，但即使如此，我不知道它會起作用。

來源

2010-09-30 19:25:24 methodin

我敢肯定，你可以找出一個CSS技巧來設計按鈕樣式，但這樣做違反了Facebook服務條款。您需要以其中一種官方樣式顯示喜歡按鈕。

來源

2010-10-05 06:25:19

yea但是然後文本對站點用戶是不可見的，因此給這個小配置性帶來什麼問題。 – mastodon 2010-10-12 15:40:35

爲什麼文本不可見？如果你正在尋找一個黑暗的按鈕，你應該使用colorscheme = dark配置。你可以在這裏看到所有的定製選項：http://developers.facebook.com/docs/reference/plugins/like除了它們允許的定製之外的任何東西都是被禁止的。 – 2010-10-12 21:11:32

@Nathan Totten，我找不到上面鏈接中禁止的內容。你能發佈一個包含這些信息的鏈接嗎？ – gui11aume 2012-07-22 14:28:17

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

看看一個這個頁面，也許可以指導你在這個

來源

2011-02-28 22:48:45

另外，使用像

https://www.facebook.com/sharer.php?u=url_to_share&t=title_of_content

份額鏈接見https://developers.facebook.com/docs/share/瞭解詳情。

來源

2012-05-10 12:28:45

看起來您正在使用iframe實現，並且您可能沒有辦法使用此實現並根據需要對其進行設置。但是，您可能想要顯示其他實現Facebook Like按鈕的其他方式，例如使用XFBML

來源

2012-07-31 18:03:31 defau1t

風格臉譜「like」按鈕

回答

相關問題