Как я могу исправить отступ в «лайкбоксе» на фейсбуке? - PullRequest
Новая
       13

Как я могу исправить отступ в «лайкбоксе» на фейсбуке?

0 голосов
/ 22 сентября 2011

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

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

enter image description here

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

enter image description here

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

Эффект не ограничивается потоком для "Платформы Facebook".Я видел это в .. а также для других потоков.

Я хотел бы оформить рамку, чтобы сделать согласованный отступ, но он выглядит как iframe, что (я думаю) означает, что я не могу оформить его из-за SOP

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

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

РЕДАКТИРОВАТЬ : ошибка зарегистрирована: http://developers.facebook.com/bugs/237053466346453

РЕДАКТИРОВАТЬ : я сравнил элемент управления fb:fan и т.п.контроль.С помощью fb:fan можно предоставить собственный CSS для стилизации содержимого.( Есть некоторые предостережения .) Я установил ширину и поля текста, а также стер actorName, который одинаков для каждого поста.Вот результат:

enter image description here

Левая сторона получается с этим кодом: 

  <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">

Ответы [ 2 ]

1 голос
/ 22 сентября 2011

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

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

0 голосов
/ 22 сентября 2011

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

...