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

sim92

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Всем привет, виджет группы от вконтакте, код виджета
<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

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Перемещение виджета вконтакте
« Ответ #1 : 31.08.2015, 07:41:07 »
окружите новым дивом ваш код и укажите стили
    position: fixed;
    тор:столькотоpx;
    padding-right: столькотоpx;
    padding-bottom: столькотоpx;
c CSS немного не верно, т.к. не знаю, у вас в модуле или в коде.но намёк думаю понятен.
ещё можно импотант врезать, опять же, неясно, что у вас
как окружить прямо по месту:

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

sim92

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Перемещение виджета вконтакте
« Ответ #2 : 31.08.2015, 11:32:45 »
виджет в коде
*

sim92

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

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

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

sim92

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

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Перемещение виджета вконтакте
« Ответ #5 : 31.08.2015, 12:29:17 »
вам нужно CSS азы выучить и задать правильный стиль диву
и скрипт помещать в div, а не наоборот.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

sim92

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

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Перемещение виджета вконтакте
« Ответ #7 : 31.08.2015, 14:16:02 »
CSS зависит от того, модуль ли, какая позиция, или в коде у вас...
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

sim92

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

sim92

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

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Перемещение виджета вконтакте
« Ответ #10 : 31.08.2015, 15: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, 15:07:10 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

sim92

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Перемещение виджета вконтакте
« Ответ #11 : 31.08.2015, 22: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

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Перемещение виджета вконтакте
« Ответ #12 : 31.08.2015, 22:33:58 »
позиция-фиксед и падинг топ, попробуйте.
т.е. div будет думать, пока условия соблюдены, висит на месте
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Перемещение виджета вконтакте
« Ответ #13 : 31.08.2015, 22:38:39 »
http://extensions.bowthemes.com/bt-floater.html
вот готовое для Joomla
уже если там не поставите по ссылке, без обид, я не знаю уже, что вам предложить)))
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Taatshi

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

Установка виджета Яндекс Дистрибуции на сайт

Автор Anik

Ответов: 14
Просмотров: 1626
Последний ответ 22.12.2022, 16:56:10
от Anik
Фотоальбом из вконтакте на сайт Joomla ( возможно ли? )

Автор Puzo

Ответов: 7
Просмотров: 1459
Последний ответ 01.07.2015, 18:14:57
от zomby6888
Как сделать перемещение меню при просмотре на смартфоне?

Автор kira

Ответов: 2
Просмотров: 1245
Последний ответ 17.05.2014, 15:30:06
от verstalshik
[Решено] Отображение виджета ВК в Mozilla Firefox

Автор jimka

Ответов: 1
Просмотров: 3714
Последний ответ 04.04.2013, 15:04:48
от jimka
Посоветуйте удобный модуль для интеграции с Вконтакте. Чтобы делать перепост сайта прямо на стену!

Автор piter

Ответов: 2
Просмотров: 1670
Последний ответ 30.03.2013, 16:39:47
от чикаго