фб: лайк-бокс, кастом ссс? - PullRequest
Новая
       16

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

19 голосов
/ 02 февраля 2011

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

Ответы [ 5 ]

26 голосов
/ 06 апреля 2011

Новый лайк-бокс не принимает атрибут "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».

2 голосов
/ 07 сентября 2012 
<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 недель.

1 голос
/ 11 августа 2013

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

1 голос
/ 02 февраля 2011

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

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

0 голосов
/ 22 ноября 2011

Дополнительная информация по теме:

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

В основном:

Перейти к:

СДЕЛАНО

...