Помогите Поменять Всю Верхнюю Часть Сайта. Шаблон "весна"
#1
Отправлено 23 Апрель 2015 - 15:38
#2
Отправлено 24 Апрель 2015 - 12:18
Андрей Горшенин (23 Апрель 2015 - 15:38) писал:
#header #cart { z-index: 20; min-width: 300px; top: 3px; right: 20px; }и замените на
#header #cart { z-index: 20; min-width: 300px; top: 3px; right: 20px; float: right; }
#3
Отправлено 24 Апрель 2015 - 23:25
SL-342246 http://m88080.storeland.ru/
#4
Отправлено 25 Апрель 2015 - 01:30
.theme-default a.nivo-nextNav { background-position: -30px 0; right: 15px; }
замените на:
.theme-default a.nivo-nextNav { right: 15px; }
далее найдите:
.theme-default a.nivo-prevNav { left: 15px; }
замените на:
.theme-default a.nivo-prevNav { left: 15px; transform: rotate(180deg); }
#5
Отправлено 25 Апрель 2015 - 14:39
- Переместить "поиск".
- Сделать надпись под логотипом "Интернет магазин №1"
- Убрать "С 10:00 до 19:00"
- Сделать надпись "Заказать звонок", и чтобы, при нажатии открывалось примерно вот такое окошко (Изображение 3).
- Убрать красную полосу в самом верху.
SL-342246
http://m88080.storeland.ru/
#6
Отправлено 25 Апрель 2015 - 19:15
Андрей Горшенин (25 Апрель 2015 - 14:39) писал:
- Переместить "поиск".
- Сделать надпись под логотипом "Интернет магазин №1"
- Убрать "С 10:00 до 19:00"
- Сделать надпись "Заказать звонок", и чтобы, при нажатии открывалось примерно вот такое окошко (Изображение 3).
- Убрать красную полосу в самом верху.
SL-342246
http://m88080.storeland.ru/
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите и вырежьте код:
<!-- Форма поиска --> <div id="search"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;"> <button title="Искать" type="submit" value="Поиск" class="button-search"></button> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/> </form> </div> <!-- /Форма поиска -->
Найдите код:
<div class="links"> <!-- Верхний блок навигации --> <ul id="main_nav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR menu %} {% FOR header %} {% FOR links %} <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </select> </form> </div>И вставьте сразу после него вырезанный код.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#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:9px; */right:0px;margin-bottom: 9px;width: 225px;z-index: 15;}
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>
Замените на:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""><p style=" text-align: right;">Интернет магазин №1!</p></a></div>
3. В шаблоне HTML найдите код:
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div>
Замените на:
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}" style="display: none;"> {SETTINGS_STORE_WORK_TIME} </div>
5. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0551;}
Замените на:
#header {position: relative;z-index: 99;background-color:#ffffff;}
#7
Отправлено 26 Апрель 2015 - 09:28
Аккаунт SL-342246
http://m88080.storeland.ru/
#8
Отправлено 26 Апрель 2015 - 13:41
Андрей Горшенин (26 Апрель 2015 - 09:28) писал:
Аккаунт SL-342246
http://m88080.storeland.ru/
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
</div> <!-- Форма поиска --> <div id="search"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;"> <button title="Искать" type="submit" value="Поиск" class="button-search"></button> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/> </form> </div> <!-- /Форма поиска -->
Замените на:
<!-- Форма поиска --> <div id="search"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;"> <button title="Искать" type="submit" value="Поиск" class="button-search"></button> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/> </form> </div> <!-- /Форма поиска --> </div>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header #search input {width: 160px;height: 21px;padding:8px;}
Замените на:
#header #search input {width: 160px;height: 14px;padding:8px;margin-top: 4px;}
Чтобы сдвинуть поиск влево в main.css найдите код:
#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:9px; */right: 12px;margin-bottom: 9px;width: 225px;z-index: 15;}
Чтобы сдвинуть корзину в main.css найдите код:
#header #cart { z-index: 20; min-width: 300px; top: 3px; right: 20px; float: right; }
Замените на:
#header #cart { z-index: 20; min-width: 300px; top: 3px; right: 20px; float: right; margin-right: 12px; }
#9
Отправлено 26 Апрель 2015 - 15:53
И еще как переместить " кружок поиска" на пару миллиметров вниз, чтобы он находился посередине? Как на - (Изображение 2).
И как помогите пожалуйста сделать надпись "Заказать звонок" рядом с "кружком телефончика"(Изображение 3) и чтобы, при нажатии открывалось примерно вот такое окошко (Изображение 4).
Аккаунт SL-342246
http://m88080.storeland.ru/
#10
Отправлено 26 Апрель 2015 - 16:19
Андрей Горшенин (26 Апрель 2015 - 15:53) писал:
И еще как переместить " кружок поиска" на пару миллиметров вниз, чтобы он находился посередине? Как на - (Изображение 2).
И как помогите пожалуйста сделать надпись "Заказать звонок" рядом с "кружком телефончика"(Изображение 3) и чтобы, при нажатии открывалось примерно вот такое окошко (Изображение 4).
Аккаунт SL-342246
http://m88080.storeland.ru/
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}
Замените на:
#header #support {position: relative;float: right;top: 18px;margin-right: 11px;z-index: 30;width: 200px;}
2. В main.css найдите код:
der .button-search {position: absolute;right: 0px;top:0px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-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;border: none;}
Замените на:
der .button-search {position: absolute;right: 0px;top:2px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-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;border: none;}
3. По поводу кнопки "Заказать обратный звонок" можете почитать здесь
#11
Отправлено 26 Апрель 2015 - 16:37
Firefly (26 Апрель 2015 - 16:19) писал:
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}
Замените на:
#header #support {position: relative;float: right;top: 18px;margin-right: 11px;z-index: 30;width: 200px;}
2. В main.css найдите код:
der .button-search {position: absolute;right: 0px;top:0px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-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;border: none;}
Замените на:
der .button-search {position: absolute;right: 0px;top:2px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-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;border: none;}
3. По поводу кнопки "Заказать обратный звонок" можете почитать здесь
Спасибо). Я прочитал, но как ее поставить? И мне хотелось бы, что бы форма заполнения заказа обратного звонка была в окошке (Если можно конечно).
#12
Отправлено 26 Апрель 2015 - 19:14
Андрей Горшенин (26 Апрель 2015 - 16:37) писал:
Инструкцию по добавлению обратного звонка с заполнением данных в всплывающем окне для вашего шаблона, вы можете найти здесь.
#13
Отправлено 26 Апрель 2015 - 21:46
Аккаунт SL-342246
http://m88080.storeland.ru/
#14
Отправлено 27 Апрель 2015 - 09:27
Андрей Горшенин (26 Апрель 2015 - 21:46) писал:
Аккаунт SL-342246
http://m88080.storeland.ru/
В шаблоне html найдите код
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><span class="sup_phone"></span></a>и замените на
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p>Заказать обратный звонок</p> <p>222 222</p><span class="sup_phone"></span></a>Далее в конец main.css добавьте
#header #support a.callback p { color: #000; text-align: center; margin-right: 38px; }так же найдите
#header #support { position: relative; float: right; top: 18px; margin-right: 11px; z-index: 30; width: 200px; }и замените на
#header #support { position: relative; float: right; top: 18px; margin-right: 11px; z-index: 30; width: 210px; }
#15
Отправлено 27 Апрель 2015 - 17:42
#16
Отправлено 27 Апрель 2015 - 18:12
- Помогите сделать вот так...
. Т.е нужно сделать (Я даже не знаю как назвать), чтобы, страницы сайта были на "белом листе", а, сам фон "сзади" сделать очень-светло-голубым (еле заметным).
- Из вот этого - , вот так - . Т.е сократить ее с боков, и сделать немного темнее. И за место надписи "главная" сделать "картинку домик" как здесь - . (Картинка у меня есть).
Аккаунт SL-342246
http://m88080.storeland.ru/
#17
Отправлено 28 Апрель 2015 - 03:33
#container { margin-left: auto; margin-right: auto; text-align: left; width: 100%; }
замените на:
#container { background: rgba(0, 165, 206, 0.2); margin-left: auto; margin-right: auto; padding: 5%; text-align: left; width: 90%; }
далее найдите:
.inner { background-color: #ffffff; box-sizing: border-box; clear: both; margin: 0 auto; padding: 0; width: 1200px; }замените на:
.inner { background-color: #ffffff; box-sizing: border-box; clear: both; margin: 0 auto; padding: 0; width: 100%; }
Далее в шаблоне HTML найдите:
<!-- Верхний блок навигации --> <ul id="main_nav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации -->замените на:
<!-- Верхний блок навигации --> <ul id="main_nav"> <li><a href="http://{NET_DOMAIN}/" title="Главная"><img src="ссылка на иконку" alt="" /></a></li> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации -->
вместо текста вставьте ссылку на вашу иконку
#18
Отправлено 28 Апрель 2015 - 15:38
#19
Отправлено 28 Апрель 2015 - 15:56
И еще, как изменить цвет "Верхнего блока навигации" ? И как сделать шрифт крупнее (Главная Каталог Доставка и т.д) в верхнем блоке навигации?
Аккаунт SL-342246
http://m88080.storeland.ru/
#20
Отправлено 29 Апрель 2015 - 02:37
Чтобы убрать текстовый пункт "Главная" в разделе Сайт - Меню - найдите и удалите данный пункт из верхнего меню.
Для изменения серой полосы в main.css найдите:
.header_top { background-color: #f5f5f5; margin: 0 auto; min-height: 40px; width: 100%; }
в нем измените значение стиля background-color
Для увеличения шрифта в main.css найдите:
#header .links a { display: block; float: left; font-size: 12px; padding: 11px 10px 9px; text-decoration: none; }
в нем увеличьте значение стиля font-size
Темы с аналогичным тегами весна шапка, размер, цвет
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных