Перемещение виджета вконтакте

  • 14 Ответов
  • 596 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн sim92

Всем привет, виджет группы от вконтакте, код виджета
<script type="text/javascript" src="//vk.com/js/api/openapi.js?117"></script>

<!-- VK Widget -->
<div  id="vk_groups"></div>
<script type="text/javascript">
 
VK.Widgets.Group("vk_groups", {mode: 0, width: "250", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 101179633);
</script>
виджет отображается под сайтом слева, при открытии страницы его не видно, хотелось бы закрепить его в нижнем левом углу намертво, вне зависимости от прокрутки
заранее спасибо

*

Оффлайн vipiusss

  • ********
  • 5452
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Перемещение виджета вконтакте
« Ответ #1 : 31.08.2015, 09:41:07 »
окружите новым дивом ваш код и укажите стили
    position: fixed;
    тор:столькотоpx;
    padding-right: столькотоpx;
    padding-bottom: столькотоpx;
c CSS немного не верно, т.к. не знаю, у вас в модуле или в коде.но намёк думаю понятен.
ещё можно импотант врезать, опять же, неясно, что у вас
как окружить прямо по месту:

<div style="стиль">
ваш код
</div>
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн sim92

Re: Перемещение виджета вконтакте
« Ответ #2 : 31.08.2015, 13:32:45 »
виджет в коде

*

Оффлайн sim92

Re: Перемещение виджета вконтакте
« Ответ #3 : 31.08.2015, 13:34:17 »
окружите новым дивом ваш код и укажите стили
    position: fixed;
    тор:столькотоpx;
    padding-right: столькотоpx;
    padding-bottom: столькотоpx;
c CSS немного не верно, т.к. не знаю, у вас в модуле или в коде.но намёк думаю понятен.
ещё можно импотант врезать, опять же, неясно, что у вас
как окружить прямо по месту:

<div style="стиль">
ваш код
</div>

новый div ставить между script 

*

Оффлайн sim92

Re: Перемещение виджета вконтакте
« Ответ #4 : 31.08.2015, 14:24:03 »
виджет расположен под сайтом, и когда я изменяю padding-top: ...px; отступ от виджета увеличивается, только весь сайт идет кверху, тоже самое когда увеличиваешь отступ снизу, появляется пустая область и все 

*

Оффлайн vipiusss

  • ********
  • 5452
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Перемещение виджета вконтакте
« Ответ #5 : 31.08.2015, 14:29:17 »
вам нужно CSS азы выучить и задать правильный стиль диву
и скрипт помещать в div, а не наоборот.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн sim92

Re: Перемещение виджета вконтакте
« Ответ #6 : 31.08.2015, 15:46:09 »
вам нужно CSS азы выучить и задать правильный стиль диву
и скрипт помещать в div, а не наоборот.
если не сложно, можете правильный вариант кода написать, заранее благодарен

*

Оффлайн vipiusss

  • ********
  • 5452
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Перемещение виджета вконтакте
« Ответ #7 : 31.08.2015, 16:16:02 »
CSS зависит от того, модуль ли, какая позиция, или в коде у вас...
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн sim92

Re: Перемещение виджета вконтакте
« Ответ #8 : 31.08.2015, 16:56:32 »
CSS зависит от того, модуль ли, какая позиция, или в коде у вас...
виджет в коде, шаблон главной страницы перед тегом </body>

*

Оффлайн sim92

Re: Перемещение виджета вконтакте
« Ответ #9 : 31.08.2015, 16:57:37 »
позиция шаблона меня просто не устраивает, хотелось бы чтобы vk группа была всегда отображена

*

Оффлайн vipiusss

  • ********
  • 5452
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Перемещение виджета вконтакте
« Ответ #10 : 31.08.2015, 17:01:51 »
сделайте плавающий блок с виджетом, тут всё разжёвано:

http://www.magentawave.com/2013/02/simple-jquery-floating-block.html

и будет всегда у вас на виду, раз так хотите.

вот плавающий...
http://joomlaforum.ru/index.php?topic=255619.0

есть и платное решение http://extensions.joomla.org/extensions/extension/style-a-design/personal-layout/modulation
« Последнее редактирование: 31.08.2015, 17:07:10 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн sim92

Re: Перемещение виджета вконтакте
« Ответ #11 : 01.09.2015, 00:29:05 »
сделайте плавающий блок с виджетом, тут всё разжёвано:

http://www.magentawave.com/2013/02/simple-jquery-floating-block.html

и будет всегда у вас на виду, раз так хотите.

вот плавающий...
http://joomlaforum.ru/index.php?topic=255619.0

есть и платное решение http://extensions.joomla.org/extensions/extension/style-a-design/personal-layout/modulation
спасибо за информацию все получилось, единственно виджет отображается как сайт начинаешь прокручивать, как сделать чтобы он отображался при открытии сайта?

*

Оффлайн vipiusss

  • ********
  • 5452
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Перемещение виджета вконтакте
« Ответ #12 : 01.09.2015, 00:33:58 »
позиция-фиксед и падинг топ, попробуйте.
т.е. div будет думать, пока условия соблюдены, висит на месте
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн vipiusss

  • ********
  • 5452
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Перемещение виджета вконтакте
« Ответ #13 : 01.09.2015, 00:38:39 »
http://extensions.bowthemes.com/bt-floater.html
вот готовое для Joomla
уже если там не поставите по ссылке, без обид, я не знаю уже, что вам предложить)))
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн Taatshi

Re: Перемещение виджета вконтакте
« Ответ #14 : 01.09.2015, 02:20:46 »
sim92, ссылку на страницу дадите?
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.