Перейти к содержимому


Перемещение Строки Поиска В Футер


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 antik13

antik13

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 134 сообщений

Отправлено 18 Октябрь 2014 - 21:07

Добрый вечер! Подскажите, пожалуйста, как перевести строку поиска в футер, а на ее место переместить кнопку обратной связи? Заранее благодарю!

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

  • Снимок.PNG


#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 18 Октябрь 2014 - 21:36

Просмотр сообщенияantik13 (18 Октябрь 2014 - 21:07) писал:

Добрый вечер! Подскажите, пожалуйста, как перевести строку поиска в футер, а на ее место переместить кнопку обратной связи? Заранее благодарю!

Из шаблона 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 class="theme-color" 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 = &#39;&#39;;"/>
				 </form>
			</div><!--END search-->

и поставьте его после:

						  <!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							   <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						   <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							  </div>
							{% ENDIF %}
						  <!--END Время работы магазина -->
			  </div><!--END phone-->		   
			</div><!--END contactsWrp theme-color -->
		</div>

А код:
<a href="#" class="myButton">Обратный звонок</a>

вставьте вместо вырезанного первого кода

#3 antik13

antik13

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 134 сообщений

Отправлено 18 Октябрь 2014 - 22:09

Просмотр сообщенияMikDark (18 Октябрь 2014 - 21:36) писал:

Из шаблона 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 class="theme-color" 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 = &#39;&#39;;"/>
				 </form>
		 </div><!--END search-->

и поставьте его после:

						 <!-- Время работы магазина -->
						 {% IF SETTINGS_STORE_WORK_TIME %}
							 <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						 <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							 </div>
						 {% ENDIF %}
						 <!--END Время работы магазина -->
			 </div><!--END phone-->		
		 </div><!--END contactsWrp theme-color -->
	 </div>

А код:
<a href="#" class="myButton">Обратный звонок</a>

вставьте вместо вырезанного первого кода


Спасибо, все здорово!

Подскажите, пожалуйста, как переместить блок поискав выделенное место и как можно изменить цвет границ, лупы текста и заливки

Заранее благодарю!

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

  • 488.PNG


#4 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 19 Октябрь 2014 - 08:12

Просмотр сообщенияantik13 (18 Октябрь 2014 - 22:09) писал:

Спасибо, все здорово!

Подскажите, пожалуйста, как переместить блок поискав выделенное место и как можно изменить цвет границ, лупы текста и заливки

Заранее благодарю!
Здравствуйте.
в шаблоне 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 class="theme-color" 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 = &#39;&#39;;"/>
				 </form>
			</div><!--END search-->
Вставьте данный код перед
<!--END Время работы магазина -->


#5 antik13

antik13

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 134 сообщений

Отправлено 19 Октябрь 2014 - 13:51

Просмотр сообщенияbatta (19 Октябрь 2014 - 08:12) писал:

Здравствуйте.
в шаблоне 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 class="theme-color" 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 = &#39;&#39;;"/>
				 </form>
		 </div><!--END search-->
Вставьте данный код перед
<!--END Время работы магазина -->

Спасибо!!

#6 antik13

antik13

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 134 сообщений

Отправлено 21 Октябрь 2014 - 11:18

Добрый день!

Подскажите, пожалуйста, есть ли способ изменения цвета заливки строки поика?

Спасибо!

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

  • 43.JPG


#7 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 21 Октябрь 2014 - 11:20

Просмотр сообщенияantik13 (21 Октябрь 2014 - 11:18) писал:

Добрый день!

Подскажите, пожалуйста, есть ли способ изменения цвета заливки строки поика?

Спасибо!
Здравствуйте. В main.css замените
#search_mini_form input {
padding: 6px 90px 6px 4px;
font-size: 14px;
color: white;
}
на
#search_mini_form input {
padding: 6px 90px 6px 4px;
font-size: 14px;
color: white;
background-color: black;
}
и настройте нужный цвет в параметре background-color: black; .

#8 antik13

antik13

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 134 сообщений

Отправлено 21 Октябрь 2014 - 17:07

Просмотр сообщенияAlekseys (21 Октябрь 2014 - 11:20) писал:

Здравствуйте. В main.css замените
#search_mini_form input {
padding: 6px 90px 6px 4px;
font-size: 14px;
color: white;
}
на
#search_mini_form input {
padding: 6px 90px 6px 4px;
font-size: 14px;
color: white;
background-color: black;
}
и настройте нужный цвет в параметре background-color: black; .

Спасибо!!

#9 ozimart

ozimart

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 11 Январь 2015 - 01:01

Ребят, всем доброго вечера!
Подскажите, хочу перенести поисковик над баннером(во вложении картинка), как мне это реализовать?
Поисковик должен быть одинаковой длины с баннером

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

  • поиск.jpg


#10 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 13 Январь 2015 - 11:16

Просмотр сообщенияozimart (11 Январь 2015 - 01:01) писал:

Ребят, всем доброго вечера!
Подскажите, хочу перенести поисковик над баннером(во вложении картинка), как мне это реализовать?
Поисковик должен быть одинаковой длины с баннером
Здравствуйте.
На данный момент поиск находится над слайдером, требуются ли какие нибудь изменения?




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных