Фб: лайк-бокс, кастом ссс?

Question

Можно ли добавить собственный файл css в fb:like-box? Например, я хотел бы удалить границы вокруг iframe. Спасибо

Answer 1

Новый like-box не принимает атрибут "css". Вы должны использовать старый плагин fb:fan, чтобы добиться этого.

Например:

<fb:fan profile_id='[PAGE_ID]' width='300' height='256' show_faces='true' stream='false' header='false' css='[CSS_URL]'></fb:fan>

Не забудьте добавить "all.js".

Answer 2

<div id="fb-root"></div>

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>

<script type="text/javascript">FB.init("Your-App-ID");</script>

<fb:fan profile_id="Your-Page-Profile-ID" connections="20" width="300" height="300" css="http://example.com/likebox-style.css?1"></fb:fan>

Не используйте прямую трансляцию для страниц с низкой скоростью публикации, поток будет пустым, если есть посты старше 6 недель.

Answer 3

Facebook как коробка больше не поддерживает CSS. Отчеты Facebook: поддержка пользовательских CSS была удалена из-за проблем с безопасностью. Теперь мы позволяем отображать плагин likebox без рамки с помощью аргумента show_border = false. Тем не менее, если вы хотите, чтобы ваш лайкбокс был ярким, вы можете использовать трюк с градиентом SVG. Читать - Стилизация Facebook Like Box с SVG

Answer 4

Вы можете добавить css приписать <fb:like-box> пометьте href вашей пользовательской таблицей стилей CSS. Это позволит вам манипулировать существующими стилями.

Хорошая статья на эту тему: http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site

Answer 5

Больше информации по теме:

Если вы хотите использовать атрибут force_wall, вам нужно использовать версию iframe.

В принципе:

Идти к:

• http://de velopers.facebook.com/docs/reference/plugins/like-box/

• Получить код iframe

• Добавьте к нему атрибуты profile_id и css (как описано выше)

• Изменить путь с www.facebook.com/plugins/likebox.php? на http://www.connect.facebook.com/widgets/fan.php?...

СДЕЛАННЫЙ