Высота кнопки лайка в Facebook (версия XFBML) - PullRequest
3 голосов
/ 07 июня 2010

У меня проблема с высотой кнопки «Нравится» на Facebook. Я использую версию XFBML с этим тегом

<fb:like layout="standard" show_faces="true" width="440" action="recommend" colorscheme="light"></fb:like>

На некоторых сайтах высота фрейма, содержащего кнопку, является динамической. Он имеет высоту 61px, когда отображаются «грани», и 23px, когда нет граней для отображения. Это изменяется динамически, когда пользователь нажимает кнопку «Мне нравится» (и его лицо появляется, когда кнопка не отображается).

Примеры сайтов, где это работает:

  • hobby.idnes.cz / V-Boji-втор-mokrou-travou-vitezi-vretenove-sekani-над-rotacnimi-sekackami-13j- / хобби-zahrada.asp? С = A100604_134111_hobby-zahrada_bma
  • Демонстрационная страница кнопки "Мне нравится" в Facebook - http://developers.facebook.com/docs/reference/plugins/like

К сожалению, когда я пытаюсь вставить тег на мою страницу, высота iframe устанавливается равной 80px, и она не изменяется.

Мое текущее решение состоит в том, чтобы установить высоту блока в 23 пикселя и установить свойство CSS переполнения его контейнера скрытым. Но с этим решением я теряю способность показывать лица.

Эта проблема уже размещена здесь, в Переполнении стека, но без решения. - stackoverflow.com/questions/2777196/facebook-like-button-fblike-height-always-80px

Я потратил около 6 часов, пытаясь решить эту проблему. Но я все еще думаю, что для этого должно быть простое решение.

Спасибо за любые предложения.

1 Ответ

0 голосов
/ 04 мая 2011

Если вы не хотите показывать лица и сохранять статическую высоту 23 пикселя, вы можете установить для параметра show_faces тега XFBML fb:like значение false.Если вы действительно хотите показывать лица, я бы обернул тег <fb:like> в контейнер div и установил для него height значение 61px.Это должно позволить любому содержимому вокруг кнопки «лайк» оставаться на месте, а содержимое кнопки «iframe» или «лайк» изменяется при добавлении / удалении лиц.

...