Владимир Вокстермен

Здравствуйте!

Не так давно начал развивать сайт клубной культуры города  Гомель. Информация о предстоящих вечеринках, фотоотчеты, музыка. Поставил виджет погоды от Яндекс, решил сделать опрос. На мой взгляд, инструмента, лучше, чем виджет опроса vkontakte не найти. Готов выслушать альтернативное мнение, но речь сейчас пойдет не о том, что хуже-лучше, а о том, как изменить размер виджета опроса (голосования) vkontakte.

Несмотря на то, что Павел Дуров продал акции вконтакте, думаю, что API виджета и сам виджет пока изменений не претерпели.

Начало стандартное:

1. Сам код виджета получаем здесь.

2. Вставляем первую часть кода в header.php после тега <head>.

<!— Put this script tag to the <head> of your page —>
<script type=»text/javascript» src=»http://userapi.com/js/api/openapi.js?47″></script>
<script type=»text/javascript»>
VK.init({apiId: ваш апи, onlyWidgets: true});
</script>

3. Заходим в админ-панель, выбираем «Внешний вид»-«Виджеты»

4. Выбираем виджет «Текст», называем его Опросы, например, а пониже вставляем оставшуюся часть кода.

<div id=»vk_poll»></div>
<script type=»text/javascript»>
VK.Widgets.Poll(«vk_poll», {width: «xxx»}, «код_опроса»);
</script>

6. Подставляем вместо xxx нужный размер. Заходим на сайт, виджет появился, но размер его остался равным 300px (размер виджета по умолчанию.

7 . Открываем файл style.css и дописываем в его конец такую строчку:

#vk_poll iframe {width: xxxpx !important;}

, где xxx — нужный вам размер.

Спрашивайте, если возникнут сложности, всего доброго!

7 Комментариев
  1. Иван
    15.05.2016 at 13:40

    Здравствуйте! Подскажите как изменить цветовой стиль виджета «голосования от VK»? Пример: http://cosygarden.net/. На сайте есть виджет группы, где можно менять цвет шапки и цвет текста под стилистику сайта. Хотелось бы тоже самое сделать с виджетом голосования.

    • ushi
      17.05.2016 at 14:52

      Скорее всего в настройках виджета в панели vk developers.

  2. Татьяна
    ТатьянаОтветить
    05.10.2013 at 09:58

    Большое спасибо! Очень помогли )

  3. Павел
    ПавелОтветить
    02.08.2013 at 13:10

    Спасибо! Все работает!

  4. Максим
    02.03.2013 at 18:21

    У меня тоже в хроме не получается,даже когда F5 жму(
    Других способов нет?

  5. Олег
    24.03.2012 at 14:42

    Сделал как сказали, в мозилле всё работает, ширина опроса 200, в хроме отказывается(( что делать?

    • ushi
      24.03.2012 at 15:43

      Нажмите кнопку F5, когда будете в браузере:)

Добавить комментарий

Ваше сообщение*

Имя*
Email*
Сайт