Форум русской поддержки Joomla!® CMS
11.12.2016, 00:27:28 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 443 раз)
0 Пользователей и 1 Гость смотрят эту тему.
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« : 30.08.2015, 22:31:14 »

Всем привет, виджет группы от вконтакте, код виджета
<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
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #1 : 31.08.2015, 08:41:07 »

окружите новым дивом ваш код и укажите стили
    position: fixed;
    тор:столькотоpx;
    padding-right: столькотоpx;
    padding-bottom: столькотоpx;
c CSS немного не верно, т.к. не знаю, у вас в модуле или в коде.но намёк думаю понятен.
ещё можно импотант врезать, опять же, неясно, что у вас
как окружить прямо по месту:

<div style="стиль">
ваш код
</div>
Записан
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #2 : 31.08.2015, 12:32:45 »

виджет в коде
Записан
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #3 : 31.08.2015, 12:34:17 »

окружите новым дивом ваш код и укажите стили
    position: fixed;
    тор:столькотоpx;
    padding-right: столькотоpx;
    padding-bottom: столькотоpx;
c CSS немного не верно, т.к. не знаю, у вас в модуле или в коде.но намёк думаю понятен.
ещё можно импотант врезать, опять же, неясно, что у вас
как окружить прямо по месту:

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

новый div ставить между script 
Записан
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #4 : 31.08.2015, 13:24:03 »

виджет расположен под сайтом, и когда я изменяю padding-top: ...px; отступ от виджета увеличивается, только весь сайт идет кверху, тоже самое когда увеличиваешь отступ снизу, появляется пустая область и все 
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #5 : 31.08.2015, 13:29:17 »

вам нужно CSS азы выучить и задать правильный стиль диву
и скрипт помещать в div, а не наоборот.
Записан
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #6 : 31.08.2015, 14:46:09 »

вам нужно CSS азы выучить и задать правильный стиль диву
и скрипт помещать в div, а не наоборот.
если не сложно, можете правильный вариант кода написать, заранее благодарен
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #7 : 31.08.2015, 15:16:02 »

CSS зависит от того, модуль ли, какая позиция, или в коде у вас...
Записан
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #8 : 31.08.2015, 15:56:32 »

CSS зависит от того, модуль ли, какая позиция, или в коде у вас...
виджет в коде, шаблон главной страницы перед тегом </body>
Записан
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #9 : 31.08.2015, 15:57:37 »

позиция шаблона меня просто не устраивает, хотелось бы чтобы vk группа была всегда отображена
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #10 : 31.08.2015, 16: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, 16:07:10 от vipiusss » Записан
sim92
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #11 : 31.08.2015, 23: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
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #12 : 31.08.2015, 23:33:58 »

позиция-фиксед и падинг топ, попробуйте.
т.е. div будет думать, пока условия соблюдены, висит на месте
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #13 : 31.08.2015, 23:38:39 »

http://extensions.bowthemes.com/bt-floater.html
вот готовое для Joomla
уже если там не поставите по ссылке, без обид, я не знаю уже, что вам предложить)))
Записан
Taatshi
Support Team
*****

Репутация: +430/-3
Offline Offline

Пол: Женский
Сообщений: 4718

Мама, я снова верстал во сне...


« Ответ #14 : 01.09.2015, 01:20:46 »

sim92, ссылку на страницу дадите?
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet