Как исправить отступ в лайк-боксе на фейсбуке?

Я могу зайти на фейсбук и получить код для «лайка». Очень кстати.

Проблема в том, что дисплей этого ящика хромает. это непоследовательно. Первая статья в «потоке» отображается с таким отступом:

введите здесь описание изображения

Следующая статья в потоке отображается с другим (хромающим) отступом.

введите здесь описание изображения

Это в том же лайкбоксе, я просто пролистал вниз.

Эффект не ограничивается стримом для «Платформы Facebook». Я видел это в Лайкбоксе и для других потоков.

Я хотел бы стилизовать поле, чтобы попытаться сделать отступ согласованным, но, похоже, он отображается как iframe, что (я думаю) означает, что я не могу его стилизовать из-за S.O.P.

Как я могу это исправить?

Есть ли обходной путь для отображения лайкбокса в div, который, в конечном счете, не является iframe?

EDIT: зарегистрирована ошибка: http://developers.facebook.com/bugs/237053466346453

EDIT: я сравнил элемент управления fb:fan и элемент управления Likebox. С помощью fb:fan можно предоставить пользовательский CSS для стилизации содержимого. (Есть несколько предостережений.) установил ширину и поля текста, а также стер actorName, который одинаков для каждого поста. Вот результат:

введите здесь описание изображения

Левая сторона создается с помощью этого кода:

  <fb:fan profile_id='19292868552' width='292' 
          connections='0' show_faces='false' stream='true' header='false'
          css='http://example.org/fb/customfanbox.css?_=6392'></fb:fan>

Правая сторона изготавливается следующим образом:

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

Для левой стороны, если вам не нужен элемент fb:fan, вы можете использовать iframe, указывающий на fan.php, например так:

  <iframe src='http://www.facebook.com/plugins/fan.php?connections=0&css=http%3A%2F%2Fexample.org%2Ffb%2Ffb%2Fcustomfanbox.css%3F_%3D0292&id=19292868552&locale=en_US&sdk=joey&stream=true&width=292&height=560'
          scrolling="no"
          frameborder="0"
          style="border-bottom:1px grey solid; overflow:hidden; width:292px; height:525px;"
          allowTransparency="true">

facebook iframe css facebook-likebox
person Cheeso    schedule 22.09.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете попробовать использовать старый плагин для вентилятора, который предлагает загрузку внешнего файла CSS. Я не знаю, работает ли он еще. Если это так, он может перестать работать в любой момент.

Вы, конечно, не единственный с такими проблемами. Я предлагаю вам подать запрос функции / проголосовать за существующую.

person chwk    schedule 22.09.2011
comment
Да, я видел поддержку css в более старой версии FeatureLoader.js.php. Но это, по-видимому, сейчас не рекомендуется Facebook, и они говорят, что могут отказаться от его поддержки. очевидно, я не хочу создавать веб-сайт, который скоро и без предупреждения сломается. - person Cheeso; 22.09.2011

arrow_upward
-1
arrow_downward

Вы не можете стилизовать страницы из других доменов. Это также сделало бы XSS возможным.

person Max    schedule 22.09.2011
comment
Я знаю это; Я сказал это в вопросе. Я не ищу ответа на вопрос, как стилизовать страницы с других доменов? Я ищу ответ на вопрос, как исправить стиль окна facebook? Эти два вопроса не эквивалентны. - person Cheeso; 22.09.2011