Facebook Like Widget auf Fan-Seite, Kommentarbereich außerhalb des sichtbaren Bereichs

Wenn die Verwendung des like-oder send-widget auf einer Fan-Seite (kein mater, wenn Sie iframe-tag oder fbml) das overlay für die Kommentare positioniert ist, immer auf der rechten Seite. sehen
http://twitpic.com/4q7ggi zum Beispiel.

Ich kann nicht finden, einen Weg, um das widget zu respektieren 520px Grenze der facebook-Registerkarte.
sehen http://www.facebook.com/pages/Ludwig-Test/127771653944246?sk=app_101150316644842 für ein Beispiel.
Jemand eine Idee wie man dieses Problem lösen ?

TIA
Rufinus

InformationsquelleAutor der Frage Rufinus | 2011-04-27

  1. 18

    Versuchen Sie, diese in Ihre css:

    .fb_edge_comment_widget {
    margin-left: -350px;
}

    Diese bewegen Kommentar-box auf der linken Seite, aber den kleinen Pfeil auf der Schaltfläche zu (die Sie könnten versuchen, mit einem anderen element). Es wird nur funktionieren, wenn Sie XFBML, nicht in einem iframe.

    Hier ein Beispiel.

    InformationsquelleAutor der Antwort seler

  2. 3

    Hatte ich, um den kleinen Pfeil nach unten, und das ist, wie ich es Tat.

    1) Bewegen Sie Ihr popup-Fenster an die gewünschte position. Verwenden Sie die !wichtige Anweisung zum überschreiben der Standard-styles. 

    .fb_edge_comment_widget {
    top: -224px !important; left: -246px !important; height: 191px;
    background: url(../img/arrow-down.gif) 0 100% no-repeat
}

    Dieser Stil beinhaltet auch eine neue Pfeil-Bild, das ersetzt die untere Zeile des popup-Fenster. Es enthält meine eigenen neuen Pfeil nach unten, das blau (#283E6C) standardmäßig und Grau innen (#F2F2F2). Wir können height zum anpassen der vertikalen position und bewegen Sie den hintergrund Bild, um die Unterseite.

    Wird das Bild wie folgt Aussehen:
    Facebook Like Widget auf Fan-Seite, Kommentarbereich außerhalb des sichtbaren Bereichs.

    2) overflow: hidden auf die Spanne umschließt, die den iframe, Wir werden in der Lage sein abgeschnitten Teile des iframe durch die Anwendung margin-top in Schritt 3, und ersetzen Sie Sie mit unseren eigenen.

    .fb_edge_comment_widget > span {
    height: 184px !important; overflow: hidden; border-top: 1px solid #000;
}

    Ich bin mit border-top, um meine eigene Obere Grenze, da in Schritt 3 schneiden wir die Standard-Grenze und Pfeil.

    3) Bewegen Sie den iframe ein bisschen schneiden Sie die Obere Grenze und Pfeil.

        .fb_edge_comment_widget > span > iframe {
        margin-top: -7px;
    }

    Das Ergebnis sieht in meinem Fall:

    Facebook Like Widget auf Fan-Seite, Kommentarbereich außerhalb des sichtbaren Bereichs

    InformationsquelleAutor der Antwort Marcel Kalveram

  3. 2

    Wenn Sie mit der XFBML Implementierung des Facebook Like-buttonSie können CSS verwenden, um neu zu positionieren die "flyout" - Menü relativ zu seiner ursprünglichen position in der Nähe der Senden - Taste:

    Facebook Like Widget auf Fan-Seite, Kommentarbereich außerhalb des sichtbaren Bereichs

    Obigen Beispiel mit jsFiddle und das CSS:

    .fb_edge_comment_widget {
    margin-left: -343px;
}

    Da die Inhalte der "flyout" in einen iframe Sie nicht in der Lage, beliebige CSS — Bedeutung, bewegen Sie die Dreieck-Anzeige auf der rechten Seite des "flyout" ist nicht möglich.

    Web-Browser haben nachgezogen Sicherheit auf cross-frame-scripting aufgrund der Gefahr von spoofing und anderen hacks, also iframes behandelt werden wie separate HTML-Seiten mit Ihren eigenen CSS und JavaScript.

    Für alle advanced-CSS-styling, würden Sie haben zu injizieren, die Facebook-Widgets, iframe mithilfe von DOM-Skripts ... und selbst dann kann es nicht funktionieren in allen Browsern.

    InformationsquelleAutor der Antwort rjb

  4. 0

    Nicht eine Super Antwort, aber die einzige option die ich gefunden habe, ist, wickeln Sie das widget in ein absolut positioniertes Div zu halten, auf der linken Seite des Fensters

    InformationsquelleAutor der Antwort Alex

  5. 0

    Um es zu beheben empfehle ich Ihnen, setzen Sie das Facebook-widget auf der linken Seite der Seite. Eine andere Lösung könnte arbeiten für einen bestimmten Zeitraum, sondern auch in der Zukunft scheitern wird.
    Der Grund dafür ist, dass Facebook aktualisiert seine widget Häufig.

    InformationsquelleAutor der Antwort John

Schreibe einen Kommentar