2013-04-23 3 views
1
плавающего фрейма

я был в состоянии изменить CSS к моему фреймах твиттер виджете, используя следующую инструкцию: iframe CSS Override for New Twitter WidgetFacebook Like Box - Редактировать CSS

Однако я не могу показаться, чтобы получить что-то подобное, чтобы работать на Facebook как виджет окна. Кто-нибудь знает, будет ли что-то подобное работать в facebook?

ответ

1
+0

Я прочитал большинство этих статей. Я только что услышал то же самое о викторе Twitter, но затем нашел решение, поэтому я хочу посмотреть, сможет ли кто-то получить тот же самый метод jQuery для работы с виджетами Facebook. – Daniel

1

Взятые из моего блога, вы можете увидеть likebox Facebook here, просто изменить Facebook lo ок из iframe, не может изменить css, AFAIK

CSS

.sidebar-box { 
    width:260px; 
    margin-bottom: 30px; 
    padding: 20px; 
    border: 1px solid #E3E3E3; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: 0px 0px 8px #ddd; 
    -webkit-box-shadow: 0px 0px 8px #DDD; 
    box-shadow: 0px 0px 8px #DDD; 
} 

HTML

<div class="sidebar-box"> 
    <iframe src="..." scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;margin-left:-17px;" allowtransparency="true"></iframe> 
</div> 

DEMO1 и DEMO2.

+0

Я смотрю, чтобы иметь возможность контролировать не только границу. Я хочу изменить цвет шрифта для всего текста и ссылки и удалить аватар. – Daniel

0

Просмотрите исходный код своего почтового ящика с помощью инструментов разработчика в хром или FF. Скопируйте код iframe и замените код плагина likebox, взятый из facebook с кодом iframe. Затем вы можете изменить ширину и высоту iframe и т. Д.

Смежные вопросы