wake-up-neo.net

Benutzerdefinierte Skin für Facebook wie Button

Gibt es eine (einfache) Möglichkeit, das Aussehen des Facebook-Buttons wie über fbml implementierte Schaltfläche anzupassen?

Ich bin mir ziemlich sicher, dass ich das irgendwo gesehen habe, aber ich kann mich nicht erinnern, wo ich bin und ich kann keine Dokumentation dazu finden. 

12
Max

Obwohl es möglicherweise nicht einmal legal ist, dies zu tun (überprüfen Sie die Bedingungen und Richtlinien für sich selbst), könnten Sie Folgendes tun:

/* Like button main text color */
div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#ffc6ff;}

Dieser Link zeigt einige milde Styling-Optionen:

http://forum.developers.facebook.net/viewtopic.php?pid=236534

1
Craig Hooghiem

Sie müssen diese illegalen Hacker nicht machen. Verwenden Sie einfach das "Open Graph": https://developers.facebook.com/docs/opengraph/actions/builtin/likes/ . Der Nachteil ist, dass Sie eine App erstellen müssen.

5
bolmaster2

Seid ihr Anwälte oder Programmierer? Die Frage war, WIE nicht "... zu tun oder nicht ...".

Der @pixelistik-Button kann entweder über Script-Tag oder iframe eingefügt werden. Natürlich können Sie css mit iframe einfach über JS, easy peasy, verwenden.

@skrat guter Punkt!

@Slavic was genau? Ich nenne es Halbdienst, weil Sie nur mögen können - keinen Platz für Kritik also ... Ihre Kritik ist nicht richtig. Wie unsere Beiträge! : P

im Allgemeinen: Wenn Sie eine benutzerdefinierte Schaltfläche erstellen und sich nicht bei einer der AGB oder Ähnlichem angemeldet haben, können Sie auf Ihrer Webseite alles tun, was Sie möchten.

4
daniel barucha

Kinderleicht:

Setzen Sie einfach die Deckkraft (Filter für dh) auf 0 und legen Sie die Iframes über ein Bild oder ein Div mit einem BG-Bild. Für größere Schaltflächen laden Sie einfach mehrere Schaltflächen wie die Schaltflächen. Legen Sie nicht zu viele Schaltflächen ein. Dadurch wird Ihre Seite unerträglich.

1
Tosh

Obwohl die Rechtmäßigkeit solcher Änderungen in Frage steht, wollte ich nur meine Erkenntnisse zu diesem Thema mitteilen. 

Ich habe in Firefox mit der rechten Maustaste auf einen FB Like-Button geklickt und das Element mit Firebug untersucht. Die Anzeige der Klassenelemente lautet:

.connect_widget_like_button .liketext { 
  background: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png) -1px -33px no-repeat;
  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png);
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-position-x: -1px;
  background-position-y: -33px;
  background-Origin: initial;
  background-clip: initial;
  background-color: initial;
}

Dies ist in Zeile 172 von like.php vorhanden

Eine Firma, von der ich weiß, dass sie eine benutzerdefinierte Grafik verwendet, ist Disqus. Die Schaltfläche ist jedoch ein multifunktionales Element, das Ihnen die Wahl zwischen facebook und Twitter onClick bietet. Dies ist möglicherweise die Art, wie sie es an ihre Bedürfnisse anpassen konnten.

0
robabby

Hiya, du kannst es mit etwas klugem CSS machen - http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

0
Stevie