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

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

Я читал и экспериментировал с предложениями из этих статей и более: http://stackoverflow.com/questions/4064038/customizing-facebook-like-box, http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/, http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html

Я собираюсь использовать маршрут FBML (а не использовать iframe), как я собираюсь, для применения таблицы таблиц междоменного. Я также вижу, что мне нужно это объявление doctype для моей веб-страницы:

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


Но я все еще получаю такие ошибки: "(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 ответ

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

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

EDIT:

В приведенной вами ссылке StackOverflow в опубликованных ответах четко указано, что использование собственного CSS работает только с полем "Fan", а не с полем "Like".

licensed under cc by-sa 3.0 with attribution.