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

[Bright]

Иконку вконтакте(есть картинка) ссылкой на нашу группу. Туда где черный прямоугольник

SL-368181

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

• 

[Юля123]

Bright (01 Январь 2016 - 15:40) писал:

Иконку вконтакте(есть картинка) ссылкой на нашу группу. Туда где черный прямоугольник

SL-368181

Здравствуйте, добавьте картинку в редакторе шаблонов, затем в шаблоне HTML найдите код:

   <!-- end Поиск -->

после него добавьте код:

	  <!--Иконка вк-->
	  <a href="ссылка" class="vk-icon"><img src="ссылка на изображение" alt="" title="" /></a>
	  <!--Иконка вк-->

замените "ссылка" на ссылку на вашу группу в вк, "ссылка на изображение" на ссылку на загруженное изображение

Затем в конце main.css добавьте код:

a.vk-icon img {
	float: right;
	width: 45px;
	height: 45px;
	transform: translate(-70px, 50px);
}

[Bright]

Юля123 (06 Январь 2016 - 15:31) писал:

Здравствуйте, добавьте картинку в редакторе шаблонов, затем в шаблоне HTML найдите код:

<!-- end Поиск -->

после него добавьте код:

	 <!--Иконка вк-->
	 <a href="ссылка" class="vk-icon"><img src="ссылка на изображение" alt="" title="" /></a>
	 <!--Иконка вк-->

замените "ссылка" на ссылку на вашу группу в вк, "ссылка на изображение" на ссылку на загруженное изображение

Затем в конце main.css добавьте код:

a.vk-icon img {
float: right;
width: 45px;
height: 45px;
transform: translate(-70px, 50px);
}

что то пошло не так

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

• 

[RedHead]

Bright (07 Январь 2016 - 00:41) писал:

что то пошло не так

Здравствуйте! Изображение располагается корректно. Вопрос еще актуален?

[Bright]

RedHead (11 Январь 2016 - 18:40) писал:

Здравствуйте! Изображение располагается корректно. Вопрос еще актуален?
1.jpg

нет, уже сам разобрался, спасибо

[soto]

Добрый день!

Поставила иконки, все получилось, но необходимо добавить "воздух" после иконок, чтобы они не наползали на текст "Магазин товаров для творчества".

Аккаунт SL-359740

[Firefly]

soto (13 Август 2016 - 19:37) писал:

Добрый день!

Поставила иконки, все получилось, но необходимо добавить "воздух" после иконок, чтобы они не наползали на текст "Магазин товаров для творчества".

Аккаунт SL-359740

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

a.vk-icon img {

Вставьте перед ним код:

.social-block {
position:absolute;
right: 10px;
top: -5px;
}

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

<!--Иконки соцсетей-->
		 <a href="https://www.facebook.com/tamarisque.paperia" class="fb-icon" target=_blank"><img src="http://design.paperia.ru/social-fb.png?4855&482165125044" alt="" title="" /></a>
		 <a href="https://vk.com/tamarisque_shop" class="vk-icon" target=_blank"><img src="http://design.paperia.ru/social-vk.png?4855&807117164232" alt="" title="" /></a>
		 <a href="https://ok.ru/group/54864950132736" class="ok-icon" target=_blank"><img src="http://design.paperia.ru/social-ok.png?4855&277186529908" alt="" title="" /></a>
		 <a href="https://ru.pinterest.com/tamarisque/" class="pin-icon" target=_blank"><img src="http://design.paperia.ru/social-pin.png?4855&582917068625" alt="" title="" /></a>
		 <!--Иконки соцсетей-->

Замените на:

   <!--Иконки соцсетей-->
   <div class="social-block">
		  <a href="https://www.facebook.com/tamarisque.paperia" class="fb-icon" target="_blank"><img src="http://design.paperia.ru/social-fb.png?4855&482165125044" alt="" title="" /></a>
		  <a href="https://vk.com/tamarisque_shop" class="vk-icon" target="_blank"><img src="http://design.paperia.ru/social-vk.png?4855&807117164232" alt="" title="" /></a>
		  <a href="https://ok.ru/group/54864950132736" class="ok-icon" target="_blank"><img src="http://design.paperia.ru/social-ok.png?4855&277186529908" alt="" title="" /></a>
		  <a href="https://ru.pinterest.com/tamarisque/" class="pin-icon" target="_blank"><img src="http://design.paperia.ru/social-pin.png?4855&582917068625" alt="" title="" /></a>
	  </div>
	  <!--Иконки соцсетей-->

[soto]

Спасибо, получилось, но мне нужно было не поднять на -5 эти кнопки, а внизу добавить воздух, чтобы от иконок до надписи "магазин товаров..."  (1) было такое же расстояние, как от "магазина товаров..." до начала верхней линии меню (2).

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

• 

[Firefly]

soto (14 Август 2016 - 11:35) писал:

Спасибо, получилось, но мне нужно было не поднять на -5 эти кнопки, а внизу добавить воздух, чтобы от иконок до надписи "магазин товаров..."  (1) было такое же расстояние, как от "магазина товаров..." до начала верхней линии меню (2).

Для добавления дополнительного места под иконками потребуется увеличить размер высоты самой шапки, но поскольку у Вас установлен фиксированный фон с высотой 150px и соответствующим градиентом - повторение его по вертикали будет отображаться некорректно. Единственное, что можно сделать в данном случае без замены фона - это опустить заголовок чуть ниже, чтобы расстояния между иконками было примерно одинаково.

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

#header #title {
margin: 0;
position: absolute;
right: 10px;
width: 420px;
bottom: 44px;
}

Замените на:

#header #title {
margin: 0;
position: absolute;
right: 10px;
width: 420px;
bottom: 39px;
}

[soto]

Спасибо, пусть будет пока так.