如何放大Twitter按鈕？

我從開發者網站代碼：如何放大Twitter按鈕？

<div id="custom-tweet-button"><a target="_blank" class="twitter-share-button" href="https://twitter.com/share" data-text="Hey! 20% off!" data-count="none">Tweet to Friends</a></div>

，但它只是忽略我已經嘗試過，甚至把它內聯的CSS，但我不能。我GOOGLE了，但最好的，我發現是在eHow.com，他們只是建議使用另一種類型的按鈕。（我正在使用一個沒有計數）

來源

2011-11-23 Tsundoku

您是否包含CSS樣式表？ – Curt

是的，我也試過這也 – Tsundoku

我在不久前想到這個，但與谷歌加。我所做的是查看加上使用的CSS，然後創建我自己的樣式表（使用相同的規則），但使用!important標籤替換原來的樣式表。這是成功的谷歌加上（有一個很好的按鈕是120x120px），所以我想像相同可以用於Twitter。

當我正在研究需要做什麼時，我使用了chrome的檢查元素來查找正在使用的樣式表。

來源

2011-11-23 16:58:36 topherg

這實際上是一個偉大的想法謝謝，但我認爲微博使用圖像（我只是注意到 - 不是100％肯定，仍然通過代碼看）可以被替換？ – Tsundoku

好吧，圖像通常使用'background'或'background-image'在css中設置。你可以清除這些，用你自己的CSS替換它們。如果這不起作用，您可以使用jquery在twitter區域中查找和編輯圖像並替換它們。授予，這將導致閃爍，但它也應該工作。 – topherg

您可以使用CSS as explained here構建您自己的Twitter推文按鈕。

<style type="text/css" media="screen"> 
     #custom-tweet-button a { 
     display: block; 
     padding: 2px 5px 2px 20px; 
     background: url('http://a4.twimg.com/images/favicon.ico') 1px center no-repeat; 
     border: 1px solid #ccc; 
     } 
</style> 

<div id="custom-tweet-button"> 
     <a href="https://twitter.com/share?url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a> 
</div>

使用此方法時，你必須使用查詢字符串參數定製鳴叫按鈕的行爲，以及辦理股份框彈出。

來源

2011-11-23 17:09:21

我試圖做到這一點，它只是沒有把代碼實際上放在代碼中我把它放在＃custom-tweet-button div =/ – Tsundoku

你必須確保你沒有使用iFrame版本的Twitter按鈕代碼，但只使用錨點的自定義版本。例如：http：//www.joeleckroth.com/so/8246042.html - 自定義按鈕只是使用一個錨點，並將參數添加到錨點網址。 –

如何放大Twitter按鈕？

回答

相關問題