Jump to content
Sign in to follow this  
pimur

Резиновый виджет вк

Recommended Posts

Подскажите как сделать виджет вк резиновым. Пробую ширину ставить auto и добавляю css с шириной 100% в итоге получается виджет адаптивным, но если зайти с айпада все равно не подстраивается под экран и вылазиет за боковую панель. Может есть готовые решения?

Share this post


Link to post
Share on other sites

Виджетов вк много. О каком речь.

Share this post


Link to post
Share on other sites

Страница группы вк

Share this post


Link to post
Share on other sites

Brutalbeard.ru вот с лева группа

Share this post


Link to post
Share on other sites

В виджете "Комментарии" относительно недавно появилось значение 0 для width. Работает на ура в моем модуле. Попробуйте, вдруг и для "групп" тоже сработает.

Share this post


Link to post
Share on other sites

Вы как автор модуля мне не можете об этом сказать. Я куплю если не будет работать, что мне потом с ним делать?

Share this post


Link to post
Share on other sites

Вы читать умеете? А понимать смысл написанного?

Разжую более детально: ибо я все таки при ответе думал, что пишу здравомыслящему человеку: при инициализации виджета есть параметр width- задающий ширину блока для интеграции. В некоторых виджетах вк изначально было доступно значение 0, говорящее о том, что виджет влезает на "100%" в выделенный контейнер. В других - не доступно, указание "width: 0" считалось за ошибку инициализации виджета. Затем в виджете, с которым я плотно работал "Комментарии", также появилось значение 0. Вот я и пишу - попробуйте у себя тоже поставить 0, может сработает.

Причем тут куплю, причем тут не заработает...

Share this post


Link to post
Share on other sites

Смысл написанного понял. Вот и спросил, у вас же есть этот модуль возьмите поставте в него группу и посмотрите получится или нет. Если да то потом пишите мне что вот есть решение. И я с удовольствием его куплю. А вот тип есть модуль для ответов вк попробуйте за деньги это не вариант.

Share this post


Link to post
Share on other sites

Смысл написанного понял. Вот и спросил, у вас же есть этот модуль возьмите поставте в него группу и посмотрите получится или нет. Если да то потом пишите мне что вот есть решение. И я с удовольствием его куплю. А вот тип есть модуль для ответов вк попробуйте за деньги это не вариант.

Теперь ответьте прямо. ---- Где я писал попробуйте за деньги? Я писал попробуйте у себя выставить 0.

Share this post


Link to post
Share on other sites

Ыыыы простите идиот))) не втупил.

Share this post


Link to post
Share on other sites

Сижу с планшета и не прочитал выше так как уведомления пришло и перешел сразу на ответ))))

Share this post


Link to post
Share on other sites

Вам гораздо проще поставить чертов ноль у себя и попробовать :) Ну не регистрировать же мне новое приложение для теста.

Share this post


Link to post
Share on other sites

если поставить 0 то аватарки уезжают. попробывал.

Share this post


Link to post
Share on other sites

есть еще варианты?

Share this post


Link to post
Share on other sites

В место, где нужен виджет вставляем:

<script src="//vk.com/js/api/openapi.js?146"></script>
<div id="vk_groups"></div>

В файл со скриптами вставляем:

(function() {
	var vkWidget = document.getElementById('vk_groups');
	if (!vkWidget) return;
	function buildVkWidget() {
		var vkWidgetParentWidth = parseFloat(getComputedStyle(vkWidget.parentElement).width) - parseFloat(getComputedStyle(vkWidget.parentElement).paddingLeft) - parseFloat(getComputedStyle(vkWidget.parentElement).paddingRight);
		vkWidget.innerHTML = '';
		VK.Widgets.Group("vk_groups", {mode: 0, width: vkWidgetParentWidth, height: "360", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 999999);
	}
	window.addEventListener('load', buildVkWidget, false);
	window.addEventListener('resize', buildVkWidget, false);
})();

 

Edited by ARAmiss

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.