Делаем виджет сообщества ВКонтакте шириной 100% в сайдбаре

Маленький лайфхак по тому как сделать виджет сообщества ВКонтакте шириной 100%. Обычное дело когда вы переходите на vk.com/dev/Community - страницу создания виджета сообщества, указываете всё что нужно, не трогаете ширину и добавляете код на сайт. Но неожиданно, ширина виджета не становится 100%.

Почему? Что делать?

Мало кто понимаем почему, но точно можно сказать что делать 🙂 Идем в файл стилей вашей темы (обычно style.css и можно через админку) и добавляем в самый низ файла:

Далее добавляем код в скрипт ВКонтакте. Это не страшно, главное не поставить случайную лишнюю скобку.

Было

Стало

Мы всего лишь добавили width: "auto", height: "300" после mode. Высоту height отрегулируйте по своему вкусу. Здесь нужно поставить плюс ВКонтакте, т.к. значение высоты на красоту виджета практически не влияет.

На этом всё. Хороших и прибыльных вам проектов.

Переводим таблицу Excel в HTML с сохранением функционала, используя Javascript... В этом уроке мы разберем, как перевести таблицу Excel в HTML, с сохранением интерактивных элементов и формул. В итоговую верстку HTML можно будет внос...
Google не смотрит на грамматику и игнорирует ® и ™... Сотрудник Google Джон Мюллер в недавней видеовстрече для вебмастеров подтвердил два интересных момента относительно ранжирования сайтов в Google. В...
Создаем анимированные иконки с помощью Snap.svg... Анимированные элементы стали неотъемлемой частью настольных и мобильных сайтов. Анимация SVG набирает популярность, и в этой статье мы покажем, как со...

Опубликовано в 11:24, 16 октября 2017 | Обновлено в 16:13, 14 января 2018 | Просмотров: 128