Erledigt - Icon des Share-Button ändern

Platinoy · 20.09.2014

Hallo,

ich habe mir von der Developer-Site von Facebook den Code für den Share-Button geladen und möchte nun gerne diesen "hässlichen" Button gegen einen eigenen austauschen.
Kann mir bitte sagen wie das geht? Irgendwie komme ich da nicht drauf. Vor allem weil es ja kein Link ist sondern ein DIV. Wenn ich dem DIV einfach einen Background gebe, dann habe ich mein Icon und das von FB.
Wäre um jede Hilfe dankbar.

Platinoy · 20.09.2014

Habe die Herausforderung zum Glück selber lösen können

Nur so lernt man etwas, dabei.
Möchte trotzdem - falls mal jemand das selbe Problemchen hat - meine Lösung posten:

<a href="#" onClick="window.open('http://www.facebook.com/sharer/sharer.php?u=http://DEINE-URL', 'Facebook', 'width=500,height=600,scrollbars=no,resizeable=yes,status=yes');"class="share-btn facebook" title="Share on Facebook"><i class="fa fa-facebook"></i></a>

Diese Lösung hat einen kleinen Zusatz: es wird per Javascript ein Fenster mit einer festgelegten Größe geöffnet. In meinem Fall mit einer Breite von 500px und einer Höhe von 600px.
Ich habe dem Link die CSS-Klassen "share-btn" und "facebook" zugewissen und per CSS bearbeitet.
Das Icon habe ich dann per Font (<i class="fa fa-facebook">) zugewissen.
Das war dann schon die ganze "Hexerei"!

Ich hoffe ich kann jemanden damit helfen!