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

[Ello4ka]

Добрый день. Хотелось бы добавить в верхний блок, который можно свернуть, добавить картинки с ссылками. Фото в приложении.
Спасибо за помощь.

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

• 

[MikDark]

Ello4ka (20 Март 2014 - 10:55) писал:

Добрый день. Хотелось бы добавить в верхний блок, который можно свернуть, добавить картинки с ссылками. Фото в приложении.
Спасибо за помощь.

Добавить можно, подготовьте картинки, которые хотите, загрузите в разделе: Сайт - Редактор шаблонов и пришлите их имена.

[Ello4ka]

MikDark (20 Март 2014 - 10:59) писал:

Добавить можно, подготовьте картинки, которые хотите, загрузите в разделе: Сайт - Редактор шаблонов и пришлите их имена.

Спасибо!
Добавила:
б_доставка.png
курьер.png
цены.png
samo.png

[MikDark]

Ello4ka (20 Март 2014 - 12:05) писал:

Спасибо!
Добавила:
б_доставка.png
курьер.png
цены.png
samo.png

1) В шаблоне HTML найдите строки

div id="header" class="borderless">
	 <div id="header_colapse">
		 <div id="togglerone" class="inner">

и после них добавьте:

<div id="price"><span class="sup_price"></span>НИЗКИЕ ЦЕНЫ</div>
		 <div id="delivery"><span class="sup_delivery"></span>ДОСТАВКА ПО ВСЕЙ РОССИИ</div>
		 <div id="delivery2"><span class="sup_delivery2"></span>БЕСПЛАТНАЯ ДОСТАВКА ЗАКАЗОВ от 1000 руб.</div>
		 <div id="samo"><span class="sup_samo"></span>6 ПУНКТОВ ВЫДАЧИ В СПб</div>

Далее в main.css добавьте:

#header .sup_price{display:block;left:-45px;width:36px;height:36px;background-color:#2f1e58;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}price.png') center center no-repeat;background-color:#493973;position:absolute;top:9x;right:0;}
#price {float: left;
position:relative;
margin-top: 9px;
margin-left: 47px;
width: 84px;
margin-right: 10px;}
#header .sup_delivery{display:block;left:-45px;width:36px;height:36px;background-color:#2f1e58;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}delivery3.png') center center no-repeat;background-color:#493973;position:absolute;top:9x;right:0;}
#delivery {float: left;
position:relative;
margin-top: 9px;
margin-left: 47px;
width: 102px;
margin-right: 10px;}
#header .sup_delivery2{display:block;left:-45px;width:36px;height:36px;background-color:#2f1e58;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}delivery3.png') center center no-repeat;background-color:#493973;position:absolute;top:9x;right:0;}
#delivery2 {float: left;
position:relative;
margin-top: 9px;
margin-left: 47px;
width: 140px;
margin-right: 10px;}
#header .sup_samo{display:block;left:-45px;width:36px;height:36px;background-color:#2f1e58;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}samo.png') center center no-repeat;background-color:#493973;position:absolute;top:9x;right:0;}
#samo {float: left;
position:relative;
margin-top: 9px;
}

и добавьте эти файлы к себе

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

• 
• 
• 

[Ello4ka]

Спасибо большое!
Небольшие исправления: изображение в иконке получается больше, чем надо, как уменьшить?
И что-не получается сделать шрифт одинаковый в номере телефона и текстом иконок.
А также хотелось бы добавить ссылки.

[MikDark]

Ello4ka (20 Март 2014 - 15:29) писал:

Спасибо большое!
Небольшие исправления: изображение в иконке получается больше, чем надо, как уменьшить?
И что-не получается сделать шрифт одинаковый в номере телефона и текстом иконок.
А также хотелось бы добавить ссылки.

Вам нужно тогда сделать сами картинки меньше и перезалить.
По поводу ссылок, в коде:

<div id="price"><span class="sup_price"></span>НИЗКИЕ ЦЕНЫ</div>
				 <div id="delivery"><span class="sup_delivery"></span>ДОСТАВКА ПО ВСЕЙ РОССИИ</div>
				 <div id="delivery2"><span class="sup_delivery2"></span>БЕСПЛАТНАЯ ДОСТАВКА ЗАКАЗОВ от 1000 руб.</div>
				 <div id="samo"><span class="sup_samo"></span>6 ПУНКТОВ ВЫДАЧИ В СПб</div>

Добавьте перед каждым <div..>

<a href="ссылка на страницу">

а после каждого </div>

</a>

[Ello4ka]

Спасибо большое!