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


Вконтакте


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

#1 wladevet

wladevet

    Пользователь

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

Отправлено 04 Сентябрь 2013 - 15:30

как сделать такой столбик?
http://gyazo.com/664...986a305411e5d38

#2 Absolem

Absolem

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

  • Модератоpы
  • 145 сообщений

Отправлено 04 Сентябрь 2013 - 15:53

На сайте http://vk.com/dev/Community создаете оформление виджета и ссылку на группу. Вам будет дан код в формате
<script type="text/javascript" src="//vk.com/js/api/openapi.js?100"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 51353222);
</script>
Зайдите в Сайт->Редактор шаблонов, Скопируйте его в нужное Вам место

#3 wladevet

wladevet

    Пользователь

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

Отправлено 04 Сентябрь 2013 - 22:16

Просмотр сообщенияAbsolem (04 Сентябрь 2013 - 15:53) писал:

На сайте http://vk.com/dev/Community создаете оформление виджета и ссылку на группу. Вам будет дан код в формате
<script type="text/javascript" src="//vk.com/js/api/openapi.js?100"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 51353222);
</script>
Зайдите в Сайт->Редактор шаблонов, Скопируйте его в нужное Вам место
спасибо) но я не знаю как переместить примерно на это место ( shopoa.ru )
Изображение

#4 Сake

Сake

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

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

Отправлено 04 Сентябрь 2013 - 23:56

Вы можете разместить код вашего виджета после кода

<!-- Материалы СМИ -->
					{%IFNOT news_list_mass_media_empty %}
					  <li class="news_mass_media"><br /><h2><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_mass_media %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
								{% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}

в шаблоне "HTML". Для вставки виджета используйте конструкцию вида

<li class="widget">Код вашего виджета</li>

данный оберточный блок необходим для соблюдения корректности разметки.

#5 wladevet

wladevet

    Пользователь

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

Отправлено 05 Сентябрь 2013 - 09:58

Просмотр сообщенияСake (04 Сентябрь 2013 - 23:56) писал:

Вы можете разместить код вашего виджета после кода

<!-- Материалы СМИ -->
				 {%IFNOT news_list_mass_media_empty %}
					 <li class="news_mass_media"><br /><h2><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h2>
					 <div class="contentTbodyNews">
						 <!-- Список статей -->
						 <div class="contentTbodyNewsBlock">
						 {% FOR news_list_mass_media %}
							 <div class="contentTbodyNewsBlockItem">
							 <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
							
							 <div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
							 {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							 </div>
						 {% ENDFOR %}
						 <a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
						 </div>
					 </div>
					 </li>
				 {% ENDIF %}
				 {% ENDIF %}

в шаблоне "HTML". Для вставки виджета используйте конструкцию вида

<li class="widget">Код вашего виджета</li>

данный оберточный блок необходим для соблюдения корректности разметки.
спасибо!




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

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