Сообщений в теме: 4

[Максим2809]

Здравствуйте. подскажите, как добавить таблицу на главную страницу, где необходимо разместить с одной стороны "мы в контакте" а с другой вставить картинку. Или это можно сделать без таблицы, просто хочется все выровнять по центру

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

• 

[Максим2809]

sl-347120

[Firefly]

Максим2809 (30 Июль 2015 - 11:17) писал:

Здравствуйте. подскажите, как добавить таблицу на главную страницу, где необходимо разместить с одной стороны "мы в контакте" а с другой вставить картинку. Или это можно сделать без таблицы, просто хочется все выровнять по центру

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

{% IF index_page %}
</br>
<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: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 48172286);
</script>
{% ENDIF %}

Замените на:

{% IF index_page %}
</br>
 <div class="tinfo">
	<div class="tinfo1">
<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: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 48172286);
</script>
	</div>
<div class="tinfo2"><img src="Ссылка на изображение"></div>
 </div>
{% ENDIF %}

Вместо слов Ссылка на изображение вставьте ссылку на нужное изображение, предварительно, загрузив его через админ панель.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.tinfo {max-width: 800px; margin: 0 auto;}
.tinfo1 {float:left;}
.tinfo2 {float:right;}

[Максим2809]

Спасибо, получилось. а как добавить пробел от блока "мы в контакте" от кнопок соц сетей, тег <br> не делает пробел

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

• 

[Vaccina]

Для этого в main.css найдите:

.tinfo1 {
	float: left;
}

замените на:

.tinfo1 {
	float: left;
	margin-bottom: 10px;
}