Встроенный Facebook Like-Box не позволит мне его оформить.Зачем? - PullRequest
Новая
       29

Встроенный Facebook Like-Box не позволит мне его оформить.Зачем?

1 голос
/ 21 мая 2011

Я пытаюсь разместить Facebook Like-Box на странице на моем сайте, а затем стилизовать его с помощью моего собственного CSS (главным образом, чтобы увеличить высоту, присваиваемую div # stream_content. (Идея состоит в том, чтобы создать фид FB) в качестве новостной ленты, но я не хочу, чтобы пользователю приходилось прокручивать, чтобы увидеть больше двух верхних элементов или около того, как это происходит по умолчанию).

Я читал и экспериментировал с предложениями из этих статей и многим другим: /3454056/nastroika-laikboksa-v-feisbuke,
http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/,
http://hitech -tips.blogspot.com / 2010/05 / facebook, как кнопка-XFBML-tutorial.html

Я иду по маршруту FBML (вместо использования iframe), так как я собираюсь, требуется для применения междоменной таблицы стилей. Я также понял, что мне нужна эта декларация типа документа для моей веб-страницы:
<!doctype html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en">

Итак, у меня есть это в теле страницы: 

    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <fb:like-box
            profile_id="***my ID here***" 
            width="450"
            height="600"
            colorscheme="dark"
            show_faces="false"
            stream="true"
            header="false"
            logobar="0"
            css="http://***my domain here***/css/FBstyles.css?1"
            href="http://www.facebook.com/***my page name here***"
    ></fb:like-box>

Но я все еще получаю такие ошибки: «(4) Небезопасная попытка JavaScript получить доступ к фрейму с URL ... (моей веб-страницей) ... из фрейма с URL http://www.facebook.com/plugins/likebox.php?channel=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D2%23cb%3Dfd907a0e%26origin...blahblahblah. Домены, протоколы и порты должны совпадать."

Где я облажался?

1 Ответ

3 голосов
/ 21 мая 2011

Я тоже прошел этот путь.Несмотря на то, что вы используете FBML, фактический встроенный код в конечном итоге оказывается iframe.(вы можете увидеть его в DOM с инспектором HTML после его загрузки).Единственное, что я смог сделать, это поместить его в div с цветным фоном, так как iframe прозрачен, и граница.

Возможно, вы получаете ошибки, так как JavaScript на сервере Facebook пытаетсячтобы получить доступ к CSS на вашем сервере.Я не думал, что вы могли бы сделать это.

РЕДАКТИРОВАТЬ:

В предоставленной вами ссылке StackOverflow опубликованные ответы ясно утверждают, что использование вашего собственного CSS работает только сблок «Вентилятор», а не блок «Нравится».

...