9

Twitterの「フォロー」ボタンを変更して、バブル内のフォロワー数を表示し、「フォロワー」という単語を非表示にする方法はありますか？基本的に、「フォロー」ボタンを「ツイート」ボタンと同じように見せたいです。

現在のコードは次のようになります。

<a href="https://twitter.com/User" class="twitter-follow-button" data-show-count="true" 
data-show-screen-name="false" data-dnt="true">Follow @User</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))
{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
4

2 に答える 2

14

私はこれと同じ問題を抱えていて、基本的に「フォロワー」という単語を非表示にし、それが理にかなっている場合は、バブルの右端を偽造することで解決しました。したがって、ボタンを独自のdivでラップしてから、そのdivのオーバーフローを非表示にし、幅を単語が消える正確なポイントに設定し、高さを使用しているボタンの高さに正確に設定する必要があります。コード例は次のとおりです。

#titter-div {
    border-radius: 4px; /* to mimic the curved edges of the count box */
    border-right: 1px solid #AAAAAA; /* this is the width and color of the count box border */
    height: 20px; /* this height works for the medium button */
    width: 88px; /* precise width to hide the word */
    overflow: hidden; /* actually hides the word */
}

これは私があなたが探しているものを正確に作成するために働きました。お役に立てれば。

于 2012-07-26T07:33:32.520 に答える