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

[toconsole]

как сделать больше расстояние между категориями во втором верхнем меню(под поиском)
toconsole.storeland.ru

[Vaccina]

Сайт - Редактор шаблонов - style.css - найдите:

.nav a {
padding: 15px 15px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}

замените на:

.nav a {
padding: 15px 35px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}

[toconsole]

Vaccina (13 Июль 2013 - 06:31) писал:

Сайт - Редактор шаблонов - style.css - найдите:

.nav a {
padding: 15px 15px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}

замените на:

.nav a {
padding: 15px 35px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}

а как в это меню встроить поиск

[miyako]

у Вас очень длинное меню получается, поиск не влезет. можете приложить скриншот - как должно выглядеть в результате?

[toconsole]

miyako (13 Июль 2013 - 07:02) писал:

у Вас очень длинное меню получается, поиск не влезет. можете приложить скриншот - как должно выглядеть в результате?

toconsole.storeland.ru
просто как бы спустить в меню строку поиска например как на сайте apple.com

[miyako]

toconsole (13 Июль 2013 - 07:06) писал:

toconsole.storeland.ru
просто как бы спустить в меню строку поиска например как на сайте apple.com

Найдите код в style.css:

form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 30.5em;
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 20;
}

и замените на:

form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 30.5em;
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 99;
}

Найдите код:

form[role="search"] {
position: absolute;
right: 2em;
top: 2.5em;
}

и замените на:

form[role="search"] {
position: absolute;
right: 2em;
top: 0.5em;
}

Далее в шаблоне HTML найдите код:

   
   
	<!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->

и удалите.
Затем найдите:

	<!-- Каталог товаров -->
	<div class="conta">
   

и замените на:

	<!-- Каталог товаров -->
	<div class="conta">
   
	<!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->

После изменений поиск опуститься.
Ширину поиска можно изменить в этом коде в style.css:

form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 30.5em; /*ширина*/
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 99;
}

width: 30.5em; /*ширина*/ - подберите ширину

[toconsole]

miyako (13 Июль 2013 - 07:19) писал:

Найдите код в style.css:

form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 30.5em;
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 20;
}

и замените на:

form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 30.5em;
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 99;
}

Найдите код:

form[role="search"] {
position: absolute;
right: 2em;
top: 2.5em;
}

и замените на:

form[role="search"] {
position: absolute;
right: 2em;
top: 0.5em;
}

Далее в шаблоне HTML найдите код:

<!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->

и удалите.
Затем найдите:

<!-- Каталог товаров -->
<div class="conta">

и замените на:

<!-- Каталог товаров -->
<div class="conta">

<!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->

После изменений поиск опуститься.
Ширину поиска можно изменить в этом коде в style.css:

form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 30.5em; /*ширина*/
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 99;
}

width: 30.5em; /*ширина*/ - подберите ширину

и подскажите пожалуйста как переместить номер телефона и надпись круглосуточно на место где был поиск

[miyako]

toconsole (13 Июль 2013 - 07:21) писал:

и подскажите пожалуйста как переместить номер телефона и надпись круглосуточно на место где был поиск

Найдите код в style.css:

.contacts {
float: left;
position: relative;
}

и замените на:

.contacts {
position: absolute;
right: 2em;
top: 2.5em;
}

Далее найдите код:

header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 39.877301%;
}

и замените на:

header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 100%;
}

[toconsole]

miyako (13 Июль 2013 - 07:33) писал:

Найдите код в style.css:

.contacts {
float: left;
position: relative;
}

и замените на:

.contacts {
position: absolute;
right: 2em;
top: 2.5em;
}

Далее найдите код:

header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 39.877301%;
}

и замените на:

header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 100%;
}

а как сделать шрифт красный и побольше

[miyako]

toconsole (13 Июль 2013 - 07:48) писал:

а как сделать шрифт красный и побольше

Шрифт изменить у какого элемента нужно?

[toconsole]

miyako (13 Июль 2013 - 08:03) писал:

Шрифт изменить у какого элемента нужно?

номер и надпись круглосуточно

[toconsole]

miyako (13 Июль 2013 - 07:33) писал:

Найдите код в style.css:

.contacts {
float: left;
position: relative;
}

и замените на:

.contacts {
position: absolute;
right: 2em;
top: 2.5em;
}

Далее найдите код:

header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 39.877301%;
}

и замените на:

header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 100%;
}

у меня ни там ни там такого кода нет

[miyako]

toconsole (13 Июль 2013 - 08:26) писал:

номер и надпись круглосуточно

Если вы хотите перенести Контакты влево, то выполните инструкцию - http://forum.storela...рия/#entry78605

Для изменения шрифт Контактов добавьте в конец файла style.css код:

.contacts .phone, .contacts .work-time {
color:red; /*цвет*/
font-size:20px; /*размер шрифта*/
}

toconsole (13 Июль 2013 - 08:38) писал:

у меня ни там ни там такого кода нет

Сайт-Редактор шаблонов - слева список - Стили - файл style.css
113 строка и 296 строка.
Искать можно через поиск. Кликаете правой кнопкой мыши на открывшийся файл и вызываете поиск - CTR+F.

[toconsole]

miyako (13 Июль 2013 - 08:44) писал:

Если вы хотите перенести Контакты влево, то выполните инструкцию - http://forum.storela...рия/#entry78605

Для изменения шрифт Контактов добавьте в конец файла style.css код:

.contacts .phone, .contacts .work-time {
color:red; /*цвет*/
font-size:20px; /*размер шрифта*/
}

Сайт-Редактор шаблонов - слева список - Стили - файл style.css
113 строка и 296 строка.
Искать можно через поиск. Кликаете правой кнопкой мыши на открывшийся файл и вызываете поиск - CTR+F.

спасибо огромное