2012-04-26 2 views
1

Есть ли способ добавить пользовательский css в HTML5 Facebook activity plugin?Facebook HTML5 активность feed custom css

Это код его:

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-activity" data-width="300" data-height="300" data-header="true" data-recommendations="false"></div> 

Я хотел бы, чтобы показать большие изображения и изменить цвет ссылок. Спасибо. Ули

ответ

1

Конечно, вы просто должны быть в состоянии внедриться в классы, которые Facebook предоставляет на такие элементы, как:

.fbWidgetTitle 
{ 
// Change styles on the title of the activity box 
} 

Используйте Firebug или любой другой инструмент, который вы должны проверить источник и посмотреть, что вы способный подключиться.

+0

Пробовал, но размер изображения не изменяется. Я получил это от FireBug, но, может быть, я что-то упустил? **. fbImageContainer { высота: 100px; переполнение: скрыто; ширина: 100px; } ** (я бы хотел изменить небольшое изображение предварительного просмотра до 100x100 пикселей) – Uli

+0

Это настраивает контейнер изображения, но вам также нужно настроить размер фактического изображения внутри: '.fbImageContainer img {/ * styles */} ' –

+0

Пробовал, но изображение все еще остается в исходном размере. Любые идеи, что еще попробовать? – Uli