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


Помогите С Шапкой

Автор graviola, 19 сент. 2014 13:04

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

#1 graviola

graviola

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

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

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

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


код яндекса



<a href="http://clck.yandex.r...1/reviews"><img src="http://clck.yandex.r...n=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>

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

  • вопрос1.jpg
  • clock.png
  • phone.png
  • question.png

#2 graviola

graviola

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

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

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

ууу

#3 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Сентябрь 2014 - 04:49

В 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_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png"/> <span id="callme">Звоните:</span></span>
							<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>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->

вставьте:
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
в main.css добавьте:
.col-4 a{
display:inline-block;
}

также в 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-->

#4 graviola

graviola

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

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

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

Просмотр сообщенияVaccina (20 Сентябрь 2014 - 04:49) писал:

В 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_PHONE_NUMBER1 %}						
						 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png"/> <span id="callme">Звоните:</span></span>
						 <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>
						 </div>
					 {% ENDIF %}
					 <!--END Первый контактный телефон -->

вставьте:
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
в main.css добавьте:
.col-4 a{
display:inline-block;
}

также в 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-->


потогите яндекс виджет установить как на картинке

Просмотр сообщенияVaccina (20 Сентябрь 2014 - 04:49) писал:

В 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_PHONE_NUMBER1 %}						
						 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png"/> <span id="callme">Звоните:</span></span>
						 <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>
						 </div>
					 {% ENDIF %}
					 <!--END Первый контактный телефон -->

вставьте:
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
<a href="ссылка">
<img src="ссылка на иконку" alt="" /><br/>
текст
</a>
в main.css добавьте:
.col-4 a{
display:inline-block;
}

также в 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-->

и поиск не там вылазиет

#5 Danil

Danil

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

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

Отправлено 20 Сентябрь 2014 - 09:49

Просмотр сообщенияgraviola (20 Сентябрь 2014 - 09:21) писал:

потогите яндекс виджет установить как на картинке



и поиск не там вылазиет
Здравствуйте.
В шаблоне html найдите код (на 161 строке)
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/218811/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=218811&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
И переместите его после
<img src="{ASSETS_IMAGES_PATH}logo.png"/>

В шаблоне html после 
<ul class="menuWrap">
Вставьте
<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>
Далее в main.css найдите код 
#search {
margin-top: 28px;
transition: all 1s ease;
}
И замените на 
#search {
transition: all 1s ease;
float: left;
}

#6 graviola

graviola

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

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

Отправлено 20 Сентябрь 2014 - 10:09

Просмотр сообщенияDanil (20 Сентябрь 2014 - 09:49) писал:

Здравствуйте.
В шаблоне html найдите код (на 161 строке)
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/218811/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=218811&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
И переместите его после
<img src="{ASSETS_IMAGES_PATH}logo.png"/>

В шаблоне html после
<ul class="menuWrap">
Вставьте
<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>
Далее в main.css найдите код
#search {
margin-top: 28px;
transition: all 1s ease;
}
И замените на
#search {
transition: all 1s ease;
float: left;
}
спасибо все получилось
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Хамелеон
  5. → Изменение общей стилистики
  6. Privacy Policy