Виджет групп Вконтакте на сайте движка Livestreet

Блог им. nimoff
Лайвстрит все еще не дружит с виджетами контакта.
Выводимый виджет обрезается системой.

Выглядит это вот так:
Виджет групп Вконтакте

Кто-нить подскажет, как исправить?

РЕШЕНИЕ

Вставляем часть кода, который предлагает контакт

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?9" charset="windows-1251"></script>


в файл header.tpl вашего шаблона после тега head вот так:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>

{literal}<script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?9" charset="windows-1251"></script>
{/literal}


а другую часть кода вставляем либо через aceblockmanager, либо прямо в нужное место вашего шаблона вот так:
вы должны добавить к коду контакта такую строчку

style=" height: 290px !important;"


Выглядит целиком так:

<script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?10"></script>

<!-- VK Widget -->
<div id="vk_groups" style=" height: 290px !important;"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "360"}, 235988);
</script>


Далее в конце файла style.css вашего шаблона вставляем
#vk_groups iframe {height:290px;}


Для работоспособности способа в ИЕ необходимо для следующего блока, располагающегося после блока контакта, в файлах ie7.css и ie6.css добавить в конце файлов

#vk_groups iframe {height: 300px;}
#fb {padding-top: 130px;}


где fb — это id дива(div) следующего блока

Все благодарности(плюсы) юзерам

shtah и Vilz

25 комментариев

avatar
Я подружил комментарии и группы с ЛС
Тема обсуждается сдесь
  • shtah
  • +1
  • ↓
avatar
спасибо за скорый ответ
добавил ваш рабочий вариант в топик, чтобы народ не рыскал по каментам
avatar
ИЕ не проглотит доктайп, если до него вставить что-нибудь.
avatar
А ещё есть подозрение, что он же не захочет воспринимать запись «height: 290 !important», во первых на импортант ему всё равно, а во вторых необходим px (290px).
avatar
что бы всё работало достаточно добавить
#vk_groups iframe {height:300px;}

в style.css

и скрипты куда надо запишите, а не перед доктайпом, это вообще ебантизм
оно у вас начинает работать так только потому что сайт в квиркс моде рисуется, а там правилам вообще ничего не подчиняется, вся вёрстка летит нафиг, поэтому и px можно не указывать и еще куча всего, но сделать так что бы во всех браузерах одинаково было невозможно
  • Vilz
  • +1
  • ↓
avatar
я уже поставил у себя все скрипты после head
оттестирую и тут поправлю все в топике
avatar
все сделал
поправил пост

везде указал 500px и в коде и в css
тока на ие7 опять режет

вот тут на главной
vidnoegorod.ru/

или это тока у меня?+(
avatar
Если ставить так 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>

{literal}<script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?9" charset="windows-1251"></script>
{/literal}
То нифига не выходит, блок обрезается снизу.
avatar
только в ИЕ?
avatar
нет, я на FF пробовал
avatar
а фейсбуковский виджет вы по такому же принципу вставляли? контактик одолел сегодня по этой статье, все работает отлично. спасибо.
avatar
с фейсбуком вообще проблем нет
там просто нужно вставить куда хотите в шаблон код виджета
avatar
спасибо. сейчас займусь.
avatar
все получилось! ура!
avatar
«Лайвстрит все еще не дружит с виджетами контакта» — это отлично. Вопрос только в вашей теме и css. Это пришлось бы делать на любом движке.
avatar
да что вы, чет на wordpress все работает без бубна
avatar
если у вас личная страничка на типовой теме, то да. Для остальных «бубен» — это нормальное программирование и работа со стилями, благодаря чему делаются все нормальные сайты.
Если вы купите пакет молока, его содержимое может не поместиться в вашу любимую тарелку. Придется, о ужас, проследить, чтобы не перелить.
Если вас устраивает типовая тарелка на 1литр, то это не значит, что другие плохо сделаны.
avatar
эт вы так за все шаблоны водпресса решили, сильно)
avatar
вы видимо плохо знаете wordpress, его нельзя знать хорошо, не зная css.
Так вот, это система, которую, к сожалению, пилить нужно гораздо сильнее и глубже, если хочется получить серьезный результат.
есть тьма тем и плагинов, но попробуйте сделать, к примеру, такую простую вещь как рейтинг пользователя, зависимый от рейтинга постов. Найдете 15 плаигнов для рейтинга постов, 10 для рейтинга пользователя. Ноль нормально работающих вместе. Аналогично в друпале, кстати.
avatar
ээээ, давайте не будем делать из велосипеда мерседес
зачем делать то, чего не предусмотрено

вордпресс и куча пользователей сайта вообще зло, вот как раз для этого и есть лайвстрит

да, я не супермэн в css, но мне хватает, чтобы сделать все, что мне требуется в вордпресс

предлагаю перестать флудить, а вернуться к теме
если для вас это не актуально, это не значит, что это не нужно другим

я же здесь пишу лишь только для того, чтобы помочь себе и другим, если у самого получилось,
потому что больше искать негде

пока, я решил проблему с ИЕ следующим образом
для следующего блока, располагающегося после блока контакта, в файлах ie7.css и ie6.css добавил 

#vk_groups iframe {height: 300px;}
#fb {padding-top: 130px;}


где fb — это id дива(div) следующего блока

посмотреть можно здесь справа на главной
vidnoegorod.ru

осталась какая-то ошибка со скриптом контакта, которую выдает ие в строке состояния
avatar
Ребята, помогите, сделал блок, в котором 2 закладки подгружаемые через аякс.
одна с ифреймом фейсбука (все отлично работает), вторая — вконтакте

вконтакте вставляется через js код
и он не срабатывает, когда закладка вызывается аяксом.
avatar
решено. решение не привожу, поскольку оно не особо красивое
avatar
не не не
давайте давайте
может кому-то пригодится
avatar
сами напросились
narod.ru/disk/1317533001/lsblocks.zip.html

замените
avatar
VKONTAKTE-GROUP-ID
FACEBOOK-GROUP-FULL-URL-WITH-ID

на свои
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.