Перейти к содержимому


Адаптивный Виджет Вк


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Avto1ik

Avto1ik

    Пользователь

  • Пользователи
  • PipPip
  • 47 сообщений

Отправлено 02 Февраль 2015 - 11:31

Добрый день, возможно ли реализовать функцию адаптивного изменения размеров для виджета ВК.

Виджет новости, подключил, работает, внизу списка новостей сайта, на отдельной странице.

Но у него вручную задаются параметры выоста-ширина, если делать на всю страницу, то заходя с мобильного получается резаный на 2\3 виджет, выглядит очень некрасиво.

Хотелось бы узнать, если ли возможность, что бы он изменялся в зависимости от размера окна.

Вот этим скриптом он был добавлен на сайт в раздел Лента новостей


<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, wide: 1, width: "1000%", height: "1000", color2: "#000000", color3: "#00c59c"}, 32942701);
</script>

Аккаунт SL-328602

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Февраль 2015 - 02:03

В main.css попробуйте вставить следующий стиль:
#vk_groups, #vkwidget1 {
	width: 100% !important;
}


#3 Avto1ik

Avto1ik

    Пользователь

  • Пользователи
  • PipPip
  • 47 сообщений

Отправлено 03 Февраль 2015 - 12:00

Просмотр сообщенияVaccina (03 Февраль 2015 - 02:03) писал:

В main.css попробуйте вставить следующий стиль:
#vk_groups, #vkwidget1 {
width: 100% !important;
}

Спасибо, получилось




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных