Facebook分享按鈕等於推特按鈕

我做了一個工作Twitter的「推文」按鈕通過：https://about.twitter.com/resources/buttons#tweet（確實確實出現在我的本地主機上的網站），真的需要一個Facebook的「分享」按鈕匹配它的配色方案，字體類型/顏色和高亮效果。然而：Facebook分享按鈕等於推特按鈕

- 由Facebook的代碼在這裏生成的按鈕https://developers.facebook.com/docs/plugins/share-button/似乎不能由CSS編輯，所以我不能讓它看起來就像我的Twitter按鈕。

想得到一些幫助，謝謝！

***編輯根據要求，這裏有一些代碼片段在那些想幫助我幫助：

Twitter的按鈕，我使用的是：

<a href="https://twitter.com/share" class="twitter-share-button" data-  
url="http://example.com" data-size="large" data-count="none" data-dnt="true">Tweet</a> 

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s) 
[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)) 
{js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

...這是什麼樣的Facebook代碼我開始與：

<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/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script>

和

<div class="fb-share-button" data-href="http://example.com" data-width="75" data-type="button"></div>

來源

2014-01-22 Kevin Banas

只是把它放在那裏。雖然看起來不是那裏有很多用戶。「CSS」標籤有96個用途，在這裏有超過188,000個用途。 –

...有人在那裏留下了一條評論，它屬於這裏。請刪除否定的投票，這可能會導致人們認爲這不是一個與編碼有關的問題，它是。 –

這不是一個用戶體驗問題，因爲看起來OP有一個清楚的想法，即他想要向用戶展示什麼以及他們如何進行交互，相反，他在實現他的預期設計時難以實現代碼。 – Erics

是的，Facebook按鈕沒有可編輯的CSS，因爲Facebook希望他們的按鈕上有他們的樣式。

也就是說，您可以使用不受支持的* facebook sharer.php鏈接解決樣式限制。基本上，它是共享按鈕的舊版本，儘管你不能定義許多事情（或者當共享發生時獲得回調等），因爲它是常規的HTML標籤，但是你可以設計它的樣式，但是你很想要。

有關如何自定義鏈接參數的簡要說明，請參閱check out this blog post。

* 儘管Facebook已棄用sharer.php，並且真的希望人們使用新版本，以便Facebook可以控制樣式等，但它們仍然保持活力，因爲它在整個網絡中具有如此廣泛的用途。 YMMV，但它是目前我知道設計Facebook分享按鈕的唯一方式。

來源

2014-01-30 17:56:30 betaorbust

Facebook分享按鈕等於推特按鈕

回答

相關問題