Изменения Шапки Сайта
#1
Отправлено 02 Март 2014 - 00:18
#2
Отправлено 04 Март 2014 - 20:05
1. Увеличить по ширине шапку (где-то в половину).
2. Перенести меню (Главная, Доставка итд) ниже как на скрине.
3. Помогите установить такой баннер.
Пробовал сделать по инструкцииот шаблона "Осень" - что-то как-то не срастается.
#3
Отправлено 05 Март 2014 - 04:34
s-eye (02 Март 2014 - 00:18) писал:
фото прилагаю
.SL-271156
Подобный вопрос рассматривался в сл.ветке форума и имеет инструкции:
http://forum.storela...299#entry124299
Antiv (04 Март 2014 - 20:05) писал:
1. Увеличить по ширине шапку (где-то в половину).
2. Перенести меню (Главная, Доставка итд) ниже как на скрине.
3. Помогите установить такой баннер.
Пробовал сделать по инструкцииот шаблона "Осень" - что-то как-то не срастается.
#header>.inner { height: 250px; }Значение height можете изменять по своему усмотрению.
2.В main.css найдите:
.header_top { background-color: #F5F5F5; margin: 0 auto; min-height: 40px; width: 100%; }замените на:
.header_top { background-color: #F5F5F5; left: 0; margin: 0 auto; min-height: 40px; position: absolute; top: 250px; width: 100%; }3.В main.css найдите:
#header-banner { height: 120px; left: 440px; position: absolute; top: 50px; width: 500px; }замените на:
#header-banner { height: 120px; left: 240px; position: absolute; top: 120px; width: 670px; }
#4
Отправлено 05 Март 2014 - 23:57
1. Если скрыть верхнюю часть шапки то получается, что
основной (большой) баннер закрывает меню и часть баннера в шапке (Рис.1).
Хотелось бы их (меню и баннеры) привязать к белой части шапки.
2. Помогите, пожалуйста установить еще 2 баннера, как показано на рис. 2
#5
Отправлено 06 Март 2014 - 05:41
.inner { background-color: #FFFFFF; clear: both; margin: 0 auto; padding: 0; width: 1200px; }замените на:
.inner { background-color: #FFFFFF; clear: both; margin: 0 auto; padding: 0; position: relative; width: 1200px; }
А меню совтеую заранее выше расположить, чтобы не скрывалось в дальнейшем, то есть в main.css найдите:
.header_top { background-color: #F5F5F5; left: 0; margin: 0 auto; min-height: 40px; position: absolute; top: 250px; width: 100%; }и уменьшите значение top
Чтобы баннеры были сбооку в левой колонке, расположите их в шаблоне HTML после:
<div id="column-left">или ниже если необходимо чтобы они имели определенное место в левой колонке.
#7
Отправлено 07 Март 2014 - 09:00
#header #search {position: relative;float: right;top:9px;right:0px;margin-bottom: 9px;width: 225px;z-index: 15;}замените его на
#header #search {position: relative;float: right;top: 116px;right: 233px;margin-bottom: 9px;width: 225px;z-index: 15;}
там же найдите код
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}замените его на
#header #support {position: relative;float: right;top: 116px;margin-right: 11px;z-index: 30;width: 200px;color: black;right: 243px;}
найдите код
#header #support a, #header #support a:hover{color: #fff;text-decoration: none;}замените его на
#header #support a, #header #support a:hover{color: #000;text-decoration: none;}
#9
Отправлено 07 Март 2014 - 13:59
#11
Отправлено 07 Март 2014 - 14:26
#13
Отправлено 07 Март 2014 - 14:47
#16
Отправлено 04 Апрель 2014 - 22:26
В шаблоне HTML замените блок
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4>Связаться с нами</h4> <span class="sup_phone"></span> <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %}на
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4 style="display: inline;">Связаться с нами</h4> <span class="sup_phone"></span> <div style="display: inline;" class="contacts"> <div style="display: inline;" class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> div style="display: inline;" class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <div class="clear"></div> </div> </div> {% ENDIF %}В шаблоне main.css замените строчку
#header #support {position: absolute;float: right;top: 10px;right: 250px;z-index: 30;width: 200px;color:#000;}на
#header #support {position: absolute;float: right;top: 10px;right: 250px;z-index: 30;width: 550px;color:#000;}
2) В шаблоне HTML строку
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> <div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}> <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->переместите ее перед строкой
<div id="welcome"><a href="http://{NET_DOMAIN}/">Добро пожаловать на сайт!</a></div>
#17
Отправлено 04 Апрель 2014 - 22:38
Осталось вставить тел трубку перед номером телефона
Перенести сравнение по корзину, а то слайдер съезжает.
Рисунок в первом запросе.
#18
Отправлено 05 Апрель 2014 - 03:52
#header #support .sup_phone { background: url("http://design.tea-in-bed.ru/phone_circle.png") no-repeat scroll center center #191919; border-radius: 50%; display: block; height: 36px; position: absolute; right: 0; top: 0; transition: all 0.5s ease 0s; width: 36px; }замените на:
#header #support .sup_phone { background: url("http://design.tea-in-bed.ru/phone_circle.png") no-repeat scroll center center #191919; border-radius: 50%; display: block; height: 36px; left: -50px; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 36px; }
2.сравнение на данный момент у вас под корзиной
#19
Отправлено 05 Апрель 2014 - 09:36
Vaccina (05 Апрель 2014 - 03:52) писал:
#header #support .sup_phone { background: url("http://design.tea-in-bed.ru/phone_circle.png") no-repeat scroll center center #191919; border-radius: 50%; display: block; height: 36px; position: absolute; right: 0; top: 0; transition: all 0.5s ease 0s; width: 36px; }замените на:
#header #support .sup_phone { background: url("http://design.tea-in-bed.ru/phone_circle.png") no-repeat scroll center center #191919; border-radius: 50%; display: block; height: 36px; left: -50px; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 36px; }
2.сравнение на данный момент у вас под корзиной
А точно, забыл проверить вчера, спасибо за помощь!!!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных