Как изображение коробки с - PullRequest
Новая
       11

Как изображение коробки с

1 голос
/ 21 ноября 2011

Я добавил рамку, похожую на iframe, на сайт: www.apf.no

Но некоторые изображения выходят за рамки, как я могу переопределить этот код? 

.connect_widget .page_stream img {     
   max-width: 120px; 
}

Спасибо, Сесилия

Ответы [ 2 ]

1 голос
/ 02 декабря 2011

Я, наконец, вернул изображения на правильную ширину, используя следующий код: 

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script> 
<script type="text/javascript">FB.init("");</script> 
<fb:fan profile_id="ID_OF_PAGE_HERE" stream="1" connections="20" width="600px" height="500px" header="1" logobar="0"  css="WEBSITE_URL_HERE/css/facebook.css?17"></fb:fan>

И CSS: 

a.largePhoto img.img {
    max-width: 300px !important;
    width: 300px !important;
}

Пожалуйста, не забудьте добавить один к .css? 17 каждый раз, когда вы обновляете CSS, чтобы предотвратить использование кэшированной версии CSS.

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

Вам нужно использовать более старый, но все еще поддерживаемый фан-бокс, чтобы иметь возможность добавлять свои собственные таблицы стилей, тогда возможен любой стиль, который вам нравится, включая переопределение "max-width"

.для более подробной информации:

http://www.speckygeek.com/how-to-add-facebook-like-box-to-your-website/

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

...