ändern Sie die Größe des Facebook Like-button

Ich verwendete den folgenden code, um die Like-button von Facebook. Nun der Dinge ist, würde ich das gerne ändern die Größe der Like-button angezeigt wird.
Ich habe versucht, das width-Attribut, die nicht nicht arbeiten. Und ich versuchte, das überschreiben der CSS-Klasse, die verwendet wird, für den folgenden code von facebook. Aber das überschreiben der CSS-Klasse ist auch nicht so gut funktioniert.
Also Sag mir, wie kann ich steigern Sie die Höhe und Breite der Like-button.

<div class="fb-like" data-href="http://www.xxxxx.com" data-send="true" data-width="450" data-show-faces="true"></div>
InformationsquelleAutor Nagaraj . | 2012-05-30
  1. 16

    Oder könnten Sie Ziel den iframe mit CSS und skalieren durch die Verwendung von CSS3. So etwas wie dieses:

    #fbiframe
{
transform: scale(1.5);
-ms-transform: scale(1.5); 
-webkit-transform: scale(1.5); 
-o-transform: scale(1.5); 
-moz-transform: scale(1.5); 
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}

    Hier ist ein Beispiel http://www.tinydesign.co.uk/like/

    • Kann nicht scheinen, um klicken Sie auf das iPhone, es nicht tun.
    • Funktioniert nicht auf dem iPhone kann durch ejohn.org/blog/clickjacking-iphone-attack , konnte keine Abhilfe noch
    • Sie mein problem gelöst. Dank
    InformationsquelleAutor Ben
  2. 3

    Facebook Like-buttons gerendert werden, die in einem iFrame durch Javascript-Schnitt, den Sie bieten, der iFrame wird gehostet von Facebook und die Stile nicht überschrieben werden kann.

    Ganz richtig so.... Wenn Sie waren in der Lage, ändern der Größe oder der Stil der ein Like-Button, dann würden wir sehen RIESIGE, hell rot, blinkend wie Sie Schaltflächen, die alle über das internet - das wäre schrecklich. Sie sind entworfen, um diskret sein, erkennbar und nicht aufdringlich.

    • Erkennbar ist auch hier der Schlüssel. Stellen Sie sich einfach links alle über das Netz, dass niemand Sie sehen würde / vermute, Sie sind der FB-like-buttons. Klicken Sie einfach auf einen einfachen link und bam, Sie haben gerne eine Seite, die Sie nicht wollen.
    InformationsquelleAutor reach4thelasers
  3. 3

    Können Sie nicht ändern Sie den Stil dieser Art von Facebook-buttons, aber Sie können Ihre eigenen erstellen, wenn Sie die JavaScript OpenGraph SDK, auf diese Weise können Sie ein div (mit benutzerdefinierte Informationen) oder verwenden Sie ein Bild, im Grunde passen Sie es wie Sie es wollen. Der Nachteil ist, dass ist nicht so geradlinig, wie mit dem Facebook generiert Tasten, und, dass Sie benötigen eine App-Id und der Benutzer gibt Ihnen einige Berechtigungen, aber abgesehen von, dass Sie Sie verwenden können, wie Sie bitte.

    InformationsquelleAutor Rafael
  4. 0

    Erstellen div class für iframe

    <div class='like-btn'>
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;width=105&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35&amp;appId=422608707941592" width="105" height="35" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
  </div>

    nun fügen Sie diesen CSS -

    .like-btn iframe{margin:0 auto;float;none;border-radius:3px;display:block;max-width:105px;padding-top:2px;padding-left:2px;box-shadow:2px 2px 0px #222;height:35px;border:6px solid #3D58A4 !important;background: #3D58A4}

    Ergebnis:

    Facebook Wie Demo

    Wenn Sie nicht möchten, dass die Schaltfläche in der Mitte, die Sie verwenden können, float insteed der Marge

    InformationsquelleAutor pshindi.in
Schreibe einen Kommentar