HTML5 Like Box сломан

У меня следующие проблемы; высота масштабируется неправильно, фон больше не прозрачен, граница имеет неправильный цвет, нижняя часть окна обрезана, текст и фон одного цвета при настройке «Темный». Это происходит на каждом сайте, на котором у меня есть «Like Box».

Все это можно воспроизвести на странице Like Box для разработчиков https://developers.facebook.com/docs/reference/plugins/like-box/ Попробуйте следующие настройки:

Ширина 400

Высота 600 (коробка не масштабируется) (если оставить по умолчанию и включить Show Faces, низ обрезается)

Показать лица: вкл.

Цветовая схема: Темный

Показать поток: вкл.

Цвет границы: #000 (граница не изменит цвет)

Показать лица: выключено

(Вы заметите, что текст и фон одного цвета (фон больше не прозрачен)) Кажется, все это началось в полночь в среду по восточному стандартному времени после обновлений, и я полагаю, что это результат того, что они пытались решить проблему растягивания изображений. в корме.


facebook facebook-like facebook-likebox
person Robert Mroczka    schedule 09.12.2012    source источник
comment
developers.facebook.com/bugs/128437833979988 описывает одну проблему. Вы подписались на эту ошибку?   -  person Igy    schedule 09.12.2012
comment
Эти шаги не воспроизвели проблему для меня   -  person Tommy Crush    schedule 10.12.2012
comment
@Igy, у меня не появляется кнопка подписки, и я не могу подписаться или создать новый отчет об ошибке со своей стороны. Я знаю об этом существующем отчете об ошибке и могу подражать результатам плакатов с моей стороны.   -  person Robert Mroczka    schedule 10.12.2012
comment
Обновить... Если я выйду из Facebook и удалю куки, окно лайка отобразится правильно. В ту минуту, когда я захожу в Facebook, ВСЕ текущие браузеры перестают правильно отображать Like Box.   -  person Robert Mroczka    schedule 10.12.2012
comment
@RobertMroczka У меня на сайте есть коробка типа FB, и я столкнулся с точно такой же проблемой. Когда я открываю свой сайт в режиме инкогнито в Chrome, он отображается отлично, но когда я вхожу в FB, он ломается.   -  person Irfanullah Jan    schedule 11.12.2012
comment
Я до сих пор не могу получить поддержку по этому вопросу. Я вижу, что кто-то сообщил о похожей проблеме на странице ошибок разработчиков, но не может опубликовать свой собственный отчет, следовать существующему отчету или показать, что я могу воспроизвести проблему... Я делаю все возможное, чтобы сделать это известно, но Facebook делает это практически невозможным. Это происходит на 5 веб-сайтах, которые я поддерживаю, и на двух других веб-сайтах, которые были созданы не мной, а другой компанией веб-дизайна.   -  person Robert Mroczka    schedule 12.12.2012
comment
@RobertMroczka, можете ли вы вставить код, который используете? Демонстрация на странице FB Developers добавляет собственный фон в контейнер подключаемого модуля (через класс dark_background), но если вы скопируете код, указанный в поле «Получить код», все будет в порядке. Я подозреваю, что вы, возможно, скопировали исходный код напрямую со страницы, а не из кода, который они дают вам в модальном всплывающем окне.   -  person Noyo    schedule 11.03.2013
comment
Можете ли вы опубликовать скрипку на этом .. ?? Я верю в практичность :)   -  person MarmiK    schedule 13.03.2013

Ответы (1)


arrow_upward
2
arrow_downward

Это сработало для меня:

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=400&amp;height=558&amp;show_faces=true&amp;colorscheme=dark&amp;stream=true&amp;border_color=%23000000&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:558px;" allowTransparency="true"></iframe>

Просто имейте в виду, что вам нужно добавить несколько строк в тег <head>, иначе вы не увидите должных результатов.

<link rel="alternate" media="handheld" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<link rel="canonical" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<meta property="og:url" content="http://developers.facebook.com/docs/reference/plugins/like-box/" />

Вы можете настроить значения после прочтения документации FB API.

person MarmiK    schedule 13.03.2013