2012-06-03 4 views
9

Czy istnieje sposób modyfikacji przycisku "Obserwuj" na Twitterze, aby wyświetlić liczbę obserwujących w bańce, ale ukryć słowo "obserwatorzy"? Zasadniczo chcę, aby mój przycisk "follow" wyglądał tak samo jak przycisk "tweet".Ukryj słowo "obserwatorzy" z Twittera podążaj za przyciskiem:

Obecny kod wygląda następująco:

<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> 

Odpowiedz

13

miałem ten sam problem i rozwiązać go w zasadzie ukrywa słowo „naśladowcy” oraz tworzenie fałszywych prawą krawędź do bańki, czy to ma sens. Musisz więc zawinąć przycisk we własne div, a następnie ukryć przepełnienie tego elementu div i ustawić szerokość dokładnie w punkcie, w którym słowo znika, a wysokość dokładnie na wysokość używanego przycisku. Oto przykład kodu:

#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 */ 
} 

To działało dla mnie, aby stworzyć dokładnie to, czego szukasz. Mam nadzieję że to pomoże.

+0

Wow, niesamowite. Już miałem to w div z kilkoma parametrami. Czy dodaję go do poniższego? A przy okazji, czy masz inne przyciski mediów społecznościowych? Domyślny kolor obramowania może wyglądać modnie w porównaniu do szarej granicy Google Plus/Facebooka. \t \t

+3

'# titter-div' jest niesamowite! – daGrevis

0

Aby wyświetlić liczbę zwolenników w bańce jednak ukryć słowo „obserwuje”, tutaj jest kod używam z iframe:

<iframe 
 
    src="//platform.twitter.com/widgets/follow_button.html?screen_name=Vacance_Luberon&show_screen_name=false" 
 
    style="width: 88px; height: 20px;" 
 
    allowtransparency="true" 
 
    frameborder="0" 
 
    scrolling="no"> 
 
</iframe>

+0

https://platform.twitter.com/widgets/follow_button.html?screen_name=vikings_village&show_screen_name=false&show_count=false – Prozi

Powiązane problemy