fb: like-box, custom css?

Question

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

Answer 1

Новая как коробка не принимает «CSS» атрибут. Для этого вы должны использовать старый fb: fan plugin.

Например:

<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

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

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

Answer 3

Более подробную информацию об этой теме:

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

В основном:

Перейти к:

• http://developers.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? ...

СДЕЛАН

Answer 4

<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 5

Facebook как коробка больше не поддерживает css. Отчеты Facebook: Поддержка пользовательских CSS была удалена из-за последствий безопасности. Теперь мы разрешаем плагин Likebox отображаться без рамки через show_border = false аргумент. Однако, если вы хотите сделать свой квадратный яркий, вы можете использовать трюк градиента svg. Read - Styling Facebook Like Box With SVG