Перейти к содержимому


Поставить Виджет Группы В Контакте

Автор boris_ts, 06 янв. 2015 17:52
виджет социальные сети

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 boris_ts

boris_ts

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 06 Январь 2015 - 17:52

Добрый день! Помогите, пожалуйста, поставить в подвал сайта виджет группы в Контакте. На форуме даны инструкции к другим шаблонам, что не совсем подходит к нашему сайту.

<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

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

Прикрепленные изображения

  • 06-01-2015 17-48-40.png

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Январь 2015 - 18:25

Просмотр сообщенияboris_ts (06 Январь 2015 - 17:52) писал:

Добрый день! Помогите, пожалуйста, поставить в подвал сайта виджет группы в Контакте. На форуме даны инструкции к другим шаблонам, что не совсем подходит к нашему сайту.

<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "150", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 79739556);
</script>
Прикрепила скриншот. Если нужно изменить высоту в коде, напишите, пожалуйста, тоже.
Здравствуйте, найдите в шаблоне HTML код
 <div class="col4">
	   <h3 class="footerHeader">Поделиться</h3>
	  <div style="height: 26px;">
		  <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
	   </div>
		 </div>

замените на

 <div class="col4">
	   <h3 class="footerHeader">Поделиться</h3>
	  <div style="height: 26px;">
		  <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
	   </div>
	   <div>
	   <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "150", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 79739556);
</script></div>
	</div>

#3 boris_ts

boris_ts

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 06 Январь 2015 - 18:44

Просмотр сообщенияИрина345 (06 Январь 2015 - 18:25) писал:

Здравствуйте, найдите в шаблоне HTML код
<div class="col4">
<h3 class="footerHeader">Поделиться</h3>
<div style="height: 26px;">
<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
</div>
</div>

замените на

<div class="col4">
<h3 class="footerHeader">Поделиться</h3>
<div style="height: 26px;">
<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
</div>
<div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "150", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 79739556);
</script></div>
</div>
Спасибо, появился. Но почему-то под блоком Поделиться, а мне надо справа от него. Возможно сделать такое?

#4 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 06 Январь 2015 - 18:53

Просмотр сообщенияboris_ts (06 Январь 2015 - 18:44) писал:

Спасибо, появился. Но почему-то под блоком Поделиться, а мне надо справа от него. Возможно сделать такое?
Здравствуйте. В шаблоне HTML замените
<h3 class="footerHeader">Поделиться</h3>
		 <div style="height: 26px;">
на
<h3 class="footerHeader">Поделиться</h3>
	 <div style="height: 26px;position: absolute;right: 20%;bottom: -80px;">

#5 boris_ts

boris_ts

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 06 Январь 2015 - 18:58

Просмотр сообщенияAlekseys (06 Январь 2015 - 18:53) писал:

Здравствуйте. В шаблоне HTML замените
<h3 class="footerHeader">Поделиться</h3>
		 <div style="height: 26px;">
на
<h3 class="footerHeader">Поделиться</h3>
	 <div style="height: 26px;position: absolute;right: 20%;bottom: -80px;">
Нет. Мне нужно оставить кнопки Поделиться, а Виджет группы в Контакте поставить справа от него. Как на скриншоте.

Прикрепленные изображения

  • 06-01-2015 17-48-40.png

#6 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Январь 2015 - 19:35

Просмотр сообщенияboris_ts (06 Январь 2015 - 18:58) писал:

Нет. Мне нужно оставить кнопки Поделиться, а Виджет группы в Контакте поставить справа от него. Как на скриншоте.
Найдите в hTML
<div style="height: 26px;position: absolute;right: 20%;bottom: -80px;">
				  <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
		   </div>
		   <div>
		   <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

замените на


<div>
				  <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
		   </div>
		   <div style="position: absolute;right: 20%;">
		   <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

#7 boris_ts

boris_ts

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 06 Январь 2015 - 19:44

Просмотр сообщенияИрина345 (06 Январь 2015 - 19:35) писал:

Найдите в hTML
<div style="height: 26px;position: absolute;right: 20%;bottom: -80px;">
<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
</div>
<div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

замените на


<div>
<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
</div>
<div style="position: absolute;right: 20%;">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
Наехало на Новости, и закрыло часть Поделиться.

#8 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Январь 2015 - 20:05

Просмотр сообщенияboris_ts (06 Январь 2015 - 19:44) писал:

Наехало на Новости, и закрыло часть Поделиться.
Вы изменили значение из инструкции выше
<div style="position: absolute;right: 20%;">
на
<div style="position: absolute;right: 40%;">

#9 boris_ts

boris_ts

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 06 Январь 2015 - 20:10

Просмотр сообщенияИрина345 (06 Январь 2015 - 20:05) писал:

Вы изменили значение из инструкции выше
<div style="position: absolute;right: 20%;">
на
<div style="position: absolute;right: 40%;">
При 20% все также криво. Это я потом пыталась 40% поставить. Исправила снова на 20%. Помогите. А может куда-то в другое место порекомендуете?

#10 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 10:46

Просмотр сообщенияboris_ts (06 Январь 2015 - 20:10) писал:

При 20% все также криво. Это я потом пыталась 40% поставить. Исправила снова на 20%. Помогите. А может куда-то в другое место порекомендуете?
Здравствуйте.
Попробуйте так:
В шаблоне html найдите код 
  <div class="col4">
		   <h3 class="footerHeader">Поделиться</h3>
		   <div style="height: 26px;">
		 <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
				   </div>
				   <div>
				   <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "200", height: "20", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 79739556);
</script>
				   <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script></div>
		</div>
и замените на 
  <div class="col4">
		   <h3 class="footerHeader">Поделиться</h3>
		   <div style="height: 26px;">
		 <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
				   </div>
		</div>
	   <div class="col4">
				   <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "200", height: "20", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 79739556);
</script>
				   <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
				  </div>
Далее в main.css найдите код 
.footercontent {
width: 929px;
margin: 0 auto;
padding: 10px 0;
}
и замените на 
.footercontent {
width: 1200px;
margin: 0 auto;
padding: 10px 0;
}

Обратно в Другое


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Шоколад
  5. → Другое
  6. Privacy Policy