HTML5 Подобно Box Broken

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

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

Ширина 400

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

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

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

Показывать поток: Вкл

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

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

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

ОТВЕТЫ

Ответ 1

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

<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="#" onclick="location.href='https://developers.facebook.com/docs/reference/plugins/like-box/'; return false;" />

<link rel="canonical" href="#" onclick="location.href='https://developers.facebook.com/docs/reference/plugins/like-box/'; return false;" />

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

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