Резиновая ширина виджета комментариев вконтакте, facebook нужна для тех кто использует резиновые, либо адаптивные шаблоны. На (рисунке 1) можно увидеть ширину виджета комментариев vk по умолчанию она составляет 520 px
Если вам вдруг захотелось задать ширину в процентах чтобы виджет растягивался по ширине блока div, то достаточно прописать следующий код в css файле:
Для вконтакте это будет:
#vk_comments,
#vk_comments iframe {
width: 100% !important;
}
Для facebook это будет:
.fb-comments,
.fb-comments span,
.fb-comments iframe {
width: 100% !important;
}
Результат будет выглядеть вот так
Ура! Отлично работает! Большое спасибо!)
Не за что=) а я думал мой блог никто не читает
Чувак, расскажи как сделать, чтобы комменты были такими вкладками
Вкладки делать конечно интересно, но практика показывает что это не удобно для пользователей сайта. советую использовать http://hypercomments.com.
подскажи как hypercomments по ширине изменить, я установил на WordPress и Виджет принял 100% ширины родительского блока.
Здравствуйте, точно не знаю как, но думаю должно сработать зайдите в панель управления wordpress -> комментарии -> hypercommets в правом верхнем углу выберите раздел Настройка там должен быть параметр Блок вставки кода виджета здесь нужно указать id вашего блока у меня к примеру #comments_widget. Теперь перейдите в ваш шаблон и вставьте блок
в то место где должны выводиться комментарии. Теперь используя класс comment-block вы можете задать ширину в css добавив параметр width. Например comment-block{ width:500px; }
спасибо!
Такой вопрос. Есть ли у вас? Вкладки комментариев, как на скриншоте???
Готового урока нет, но такие вкладки делаются просто. Отправьте письмо через блок «помощь населению» отвечу
слушай мне очень нужен твой совет подскажи как вот это вссе точно настроить для фэцчбука где встаить это код
Супер, спасибо огромное, помогло(:smile:)
Гаф )
помогли , спс
Спасибо!!!!!
а можно ли изменить цвет виджета?
отлично. спасибо.
Что то у меня не работает,
спасибо 🙂
спасибо
тестовый
Круто, спасибо
легко и просто, спасибо!!
Как его записать в .less файл, или так же без изменений?
#vk_comments,
#vk_comments iframe {
width: 100% !important;
}