Ruch/pozycja Facebook Like Button Comment Popup

Question

Muszę przenieść wyskakujące okienko komentarza powiązane z przyciskiem na Facebooku. Rozumiem, że to pytanie zostało zadane i rozwiązane niezliczoną ilość razy.

Wcześniej zapytał: Facebook Like Widget on Fan page, Comment area out of visible area

Zrzut ekranu o tym samym numerze jak moja: http://twitpic.com/4q7ggi

Różnica polega na tym, że wierzę Facebook zmienił implementację w ciągu ostatnich kilku miesięcy, tak że zarówno Like Button i komentarz popup znajdują się w jednym elemencie iframe. Spodziewałbym się, że prawdopodobnie to zrobili, ponieważ byłby to jedyny niezawodny sposób na ochronę przed złośliwymi stronami internetowymi wykorzystującymi użytkowników poprzez auto-lubowanie treści. Oznacza to jednak, że nie mogę zastosować CSS do zmiany położenia pola komentarza.

Używam implementacji przycisku podobnego do HTML5, która jest taka sama, jak na oficjalnym odnośniku do facebooka dla podobnych przycisków http://developers.facebook.com/docs/reference/plugins/like/. Aby zobaczyć przykład, kliknij ponownie przycisk podobny na stronie odniesienia na Facebooku, a następnie sprawdź element popup komentarza. Zobaczysz, że zarówno przycisk podobny, jak i popup komentarza są zawarte w tym samym elemencie iframe.

Answer 1

to działa dla mnie, oto przykład fiddle. Wszystko robię była prosta modyfikacja z CSS:

.fb_edge_widget_with_comment span.fb_send_button_form_widget { 
    top:100px!important; /*for example*/ 
    left:100px!important;  /*for example*/ 
} 

nadzieję, że to pomaga.

Answer 2

Sprawdziłem na przykład Facebook i widzę tego pola komentarz: http://screencast.com/t/fRQyUzqek

I kontrolowane i stosowane stylings do tej klasy:

.-cx-PRIVATE-pluginCommentFlyout__full { 
    top: 100px!important; 
    left: 100px!important; 
} 

I przeniósł pole komentarza. Jednak zrobiłem to bezpośrednio w inspektorze, więc kiedy używasz go w swoim CSS, być może będziesz musiał uwzględnić selektory nadrzędne, aby były naprawdę specyficzne.

Mam nadzieję, że to pomoże!

Answer 3

Nie można zmienić CSS z komentarz polu wewnątrz iframe, ponieważ jest to naruszenie same origin policy:

Polityka pozwala skrypty działa na stronach pochodzących z tego samego miejsca, aby uzyskać dostęp do siebie nawzajem metody i właściwości bez konkretnych ograniczeń, ale uniemożliwia dostęp do większości metod i właściwości na różnych stronach w różnych witrynach.

Komunikat wyślij do box can be changed with CSS ponieważ nie ma miejsca zamieszkania w iframe.

Answer 4

To sprawdziło się w przeszłości.

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span iframe { 
    /* Now you can apply css here */ 
    bottom:0!important; 
}