Ich möchte das Kommentarfeld deaktivieren, das angezeigt wird, wenn ein Benutzer auf die Schaltfläche "Gefällt mir" auf Facebook (fbml) klickt, die ich auf meiner Website platziert habe. Ist das möglich? Ich kann keine Details in der Dokumentation finden.
facebook
facebook-like
fbml
BrynJ
quelle
quelle
Antworten:
Die einfachste Lösung zum Ausblenden des Kommentarfelds nach Facebook Like (XFBML-Version nicht die Iframe-Version) ist wie folgt:
Fügen Sie den CSS-Stil in eine Ihrer CSS-Dateien ein und sehen Sie die Magie, es funktioniert :)
quelle
Das Einfügen des Iframes in ein Div mit geeigneter Größe und ausgeblendetem Überlauf hat dieses Problem behoben - obwohl dies das Problem als solches nur tatsächlich verbirgt.
quelle
Ich benutze dies in meinem CSS:
und rendern Sie den Facebook-Button mit dem normalen HTML5-Code, ungefähr so:
GR-
quelle
<div>
Aufenthalte die gleiche Größe , aber zeigt das Texteingabefeld, dann die Tabulatortaste drücken , und die Schließen und Pfosten Tasten sichtbar werden . Nicht gut. Ich habe mit Firefox getestet.Was ich getan habe, ist ein Div für den "Gefällt mir" -Button wie folgt zu erstellen:
Und das ist das CSS:
quelle
Ich mag die Lösung von Mohammed Arif und wähle sie als beste Antwort. Aber wenn FB die Klassen wechselt, funktioniert das Folgende immer.
Dabei ist "like_button_holder" "IHRE" Div-ID, die den Facebook-ähnlichen Button-Code enthält
quelle
Die sauberere Lösung , die funktioniert (Stand Mai 2014 ) -
Stellen Sie zunächst sicher , dass das die
<div class="fb-like"
hat Daten-Layout Eigenschaft als Taste -Fügen Sie einfach dieses CSS hinzu.
Das ist es!
Demo
quelle
Hier kein Debby Downer zu sein, aber das Ausblenden des Kommentarfelds verstößt nicht gegen die Facebook-Richtlinien?
IV. Anwendungsintegrationspunkte d. Sie dürfen keine Elemente unserer sozialen Plugins wie die Schaltfläche "Gefällt mir" oder das Plugin "Gefällt mir" verdecken oder verdecken.
https://developers.facebook.com/policy/
quelle
Ich konnte nicht
display: none
mit der HTML 5-Version der Schaltfläche arbeiten. Stattdessen habe ich das Div ausgewählt, in dem die Schaltfläche "Gefällt mir" erstellt wurde, und den Überlauf auf "Ausgeblendet" gesetzt.Das Löschen des Folgenden in meiner CSS-Hauptdatei hat den Trick getan:
quelle
Stimmen Sie BrynJ zu. Die derzeit beste Lösung besteht darin, die Schaltfläche "Gefällt mir" in einen 20-Pixel-Container mit hoher Div zu legen und den Überlauf auf "Ausgeblendet" zu setzen (ich habe irgendwo gelesen, dass FB kürzlich das Kommentar-Flyout in den iFrame verschoben hat, also die Lösung, die das Styling von ändert . fb_edge_widget_with_comment ist für iFrame-Benutzer wahrscheinlich nicht mehr nützlich.
AddThis verwenden? Mach das:
quelle
Wenn die Schaltfläche "Gefällt mir" verschwindet, wenn Sie auf "Gefällt mir" klicken und ein Container-Div zum Ausblenden des Kommentar-Popups vorhanden ist, verwenden Sie die folgende Lösung:
Erstellen Sie ein Container-Div, um die fb-ähnliche Schaltfläche zu platzieren, und geben Sie ihr das folgende CSS:
quelle
Ich habe es geschafft, das Popup-Problem mit Facebook-ähnlichen Schaltflächen zu umgehen, indem ich stattdessen die IFRAME-Version implementiert habe. Ich habe dazu die folgenden Schritte unternommen:
Soweit ich sehen kann, löst die Schaltfläche "Gefällt mir" mit IFRAME-Implementierung kein Popup aus. Es funktioniert einfach als Like-Button. Dies war mein gewünschtes Ergebnis.
Viel Glück.
quelle
Hier ist der Code, mit dem die Schaltfläche "Gefällt mir" zusammen mit Twitter und Linkedin nur als Standardschaltfläche fungiert. Ich hoffe es hilft.
quelle
Versuchen wir es mal:
quelle
Wie ich es in Ordnung gemacht habe, wird das Kommentar-Popup deaktiviert, wenn:
quelle
Wenn Sie die neuere HTML5-Schaltfläche verwenden und diese sollte, da sie vorwärtskompatibel ist und von Facebook vorgeschlagen wird, ist es einfach, von dem abzuweichen, was andere gesagt haben:
Die zweite Klasse ist ein Bonus für diejenigen, die das AddThis-Plugin verwenden.
quelle
Die oben genannten Überlaufhöhenoptionen sollten nicht verwendet werden, wenn
show-faces=true
. Andernfalls werden die Gesichter ausgeblendet.quelle
In meinem Fall (mit der XFBML-Version) habe ich dem Tag Folgendes hinzugefügt:
Das Endergebnis ist also:
Das Kommentar-Popup wird korrekt ausgeblendet.
quelle
Das Ausblenden des Kommentarfelds funktioniert, kann jedoch zu Problemen führen, wenn Sie ein anklickbares Element hinter dem Kommentar-Flyout-Feld haben.
Sie müssen es ausblenden und wie folgt aus dem DOM-Post entfernen.
Hier ist das CSS, um das Kommentarfeld auszublenden:
Hier ist die JQuery-Methode zum Entfernen des DOM-Elements:
Hier ist die reine Javascript-Methode mit dem bereitgestellten Widget aus dem Rückruf:
quelle
Wenn Sie nur die Schaltfläche "Gefällt mir" anzeigen möchten, können Sie Folgendes versuchen
HTML:
CSS:
quelle
Das Einstellen des Überlaufs auf "Ausgeblendet" kann hilfreich sein. Tun Sie dies in Ihrer Haupt-CSS-Datei.
quelle
Wie wäre es einfach, wenn der Iframe, der die Schaltfläche "Gefällt mir" enthält, dieselbe Größe wie die Schaltfläche hat:
Das ist es.
quelle