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


Как Сделать Виджет Резиновым


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

#1 Павел 3

Павел 3

    Новичок

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

Отправлено 19 Март 2017 - 20:10

Как сделать виджет резиновым вот код

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

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "1240"}, 115526439);
</script>

#2 Сергей Иванович

Сергей Иванович

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений
  • ГородЕкатеринбург

Отправлено 20 Март 2017 - 10:41

Примерно так:
Сделайте охватывающий блок с шириной в процентах, в него разместите виджет с шириной изображения, например,  90%.

#3 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 20 Март 2017 - 11:07

Просмотр сообщенияПавел 3 (19 Март 2017 - 20:10) писал:

Как сделать виджет резиновым вот код

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

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "1240"}, 115526439);
</script>

Здравствуйте. К сожалению, виджет ВК не адаптивный, он принимает изначально заданные в его настройках размеры

#4 Сергей Иванович

Сергей Иванович

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений
  • ГородЕкатеринбург

Отправлено 21 Март 2017 - 06:38

А вот это - width: "1240" ?

#5 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 23 Март 2017 - 13:22

Просмотр сообщенияСергей Иванович (21 Март 2017 - 06:38) писал:

А вот это - width: "1240" ?
Здравствуйте. Этот параметр передает, какой ширины необходимо сделать блок  отображения. Но таким образом ширина жестко задается и всегда будет оставаться 1240px. Т.е. на меньших разрешениях экрана часть блока виджета будет просто не видна. Передать туда процентное соотношение, к сожалению, нельзя, так как его скрипт вк просто не обрабатывает.




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

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