фейсбук лайк и кнопка отправки

Question

Как я могу установить направление «всплывающего» фейсбука на кнопку «Мне нравится» или «Отправить». В настоящее время мы размещаем наши социальные плагины Facebook в правой части страницы. Но когда кто-то открывает «всплывающую» панель Facebook, она открывается справа, расширяя страницу, когда в идеале она должна открываться влево.

Пример: http://compfight.com

Обещаю, сайт нам не нужен :) Любая помощь будет принята с благодарностью.

<div class="side-right">
    <fb:like href="http://compfight.com" send="true" layout="button_count" width="150" show_faces="false" action="recommend" font="" class=" fb_edge_widget_with_comment fb_iframe_widget">
</div>

Класс side-right имеет число с плавающей точкой: right; и выравнивание текста: справа к нему.

Answer 1

Попробуйте добавить этот стиль на свою страницу:

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
left: -300px !important;
}
</style>

Answer 2

При необходимости вы можете скрыть всплывающее окно, как в Firefox, где всплывающее окно может вытолкнуть содержимое из позиции (у нас была кнопка LIKE на ползунке jQuery на боковой панели, и каждый щелчок LIKE выдвигал изображение боковой панели из кадр.

Используя Эндрю CSS из поста выше, я обнаружил, что простой дисплей: нет добился цели.

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
    left: -300px !important;
    display:none;
}
</style>

Это привело к тому, что наш контент был вынужден подняться вверх и выйти за рамки.

Answer 3

На данный момент это не поддерживается, поскольку все находится в пределах iframe и находится вне контроля вашего приложения.

Подпишитесь на официальную ошибку, чтобы получать обновления по проблеме:

https://developers.facebook.com/bugs/1420124294938118/

Answer 4

Я только что добавил fb like div с переполнением: hidden ...

Добавление комментария к вашему лайку не так важно, чтобы разрушить ваш веб-дизайн, вы хотите, что лайк, комментарий это просто бонус ;-)

Answer 5

не делает это автоматически?

http://jsfiddle.net/Zf7mY/

пример с

.fb-like { float:right; }

Answer 6

Вы не можете настроить расположение всплывающего окна, но посмотрите мою альтернативу здесь. Всплывающая кнопка "Facebook"