Как изменить высоту потока активности для социального плагина Facebook Like Box - PullRequest
Новая
       4

Как изменить высоту потока активности для социального плагина Facebook Like Box

2 голосов
/ 14 февраля 2011

Я использую как коробку от Facebook, размер по умолчанию для поля с лайками только для потока составляет 395 пикселей, как в приведенном ниже коде, 

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=200&amp;colorscheme=light&amp;show_faces=false&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:395px;" allowTransparency="true"></iframe>

Но моя требуемая высота равна 200px, но когда я устанавливаю атрибут высоты, нижний колонтитул социального плагина увеличивается (средняя высота установлена).Но проблема в том, что когда я прокручиваю страницу, я не вижу полосу прокрутки после установленной высоты.

Ответы [ 2 ]

2 голосов
/ 26 августа 2011

Вы не можете применять CSS к HTML, который загружен в iframe, если только вы не контролируете страницу, загруженную в iframe.

В этом случае FACEBOOK позволяет изменять только эти атрибуты:

href, ширина, высота, схема цветов, show_faces, поток, заголовок, border_color, force_wall.

Высота: Высота всего блока в пикселях.Высота по умолчанию зависит от количества отображаемых граней и от того, отображается ли поток.При отображении потока и 10 граней высота по умолчанию составляет 556 пикселей.Без граней и без потока высота по умолчанию составляет 63 пикселя.

http://developers.facebook.com/docs/reference/plugins/like-box/

0 голосов
/ 19 февраля 2014

Используйте следующий код, который использует div вместо iframe для настройки плагина Facebook Like Social.

<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=##ENTERAPPID##";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like-box" data-href="https://www.facebook.com/##FACEBOOKPAGE##" data-width="570px" data-height="750px" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="true" data-show-border="true"></div>

Замените все, что находится в HASH TAGS ##, на данные вашей учетной записи Facebook.Чтобы настроить высоту, измените атрибут data-height.

...