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


Пожалуста Помогите С Оформлением Шапки

шапка контакты поиск

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

#1 Marusya

Marusya

    Новичок

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

Отправлено 15 Август 2014 - 12:42

Доброго времени суток! Уважаемые модераторы, помогите пожалуйста разобраться с несколькими вопросами.
Аккаунт SL-302176 Самостоятельно найти ответы не получилось.

В шапке:
1) оформить контакты как на рисунке, при этом иконки телефона и почты вставить картинками
2) перетянуть поиск в середину, не пойму никак что за это отвечает.
3) оформить Вход и регистрацию как на рисунке
шапка.png
4) Сместить сравнение товаров левее
Сравнение как надо.png

В левой колонке:
1) выровнять ширину блоков Каталог и Вы смотрели
2) стиль текстра "Каталог" сделать таким же как и стиль "Вы смотрели" с тенью. Сместить "Каталог" левее.
3) в просмотренных товарах оставить только кликабельные изображения, а цену и название убрать.
Боковое.png

#2 Vaccina

Vaccina

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

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

Отправлено 16 Август 2014 - 00:42

1. В style.css найдите:
.contacts {
	display: table;
	float: left;
	margin-left: 80px;
	margin-top: 30px;
	position: relative;
	width: 300px;
	z-index: 30;
}
ниже пропишите:
.contacts .phone a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url('ссылка на иконку телефона') no-repeat left center;
	padding-left: 20px;
}
не забудьте вставить ссылку иконки в обозначенное место, строки графика работы не обнаружила.

2. В style.css найдите:
#search_block_top {
	float: left;
	margin: 20px 10px 5px 0;
	position: static;
}
замените на:
#search_block_top {
	float: left;
	margin: 20px 10px 5px 150px;
	position: static;
}

3. Для начала необходимо добавить сами кнопки, у нас на форуме имеется инструкция по данному вопросу:
http://forum.storela...нет/#entry19753
4.В style.css найдите:
#header_user_info {
	clear: both;
	color: #fafafa;
	display: block;
	font-size: 12px;
	margin-top: 6px;
	padding: 0;
	text-align: right;
}
замените на:
#header_user_info {
	clear: both;
	color: #fafafa;
	display: block;
	font-size: 12px;
	margin-right: 150px;
	margin-top: 6px;
	padding: 0;
	text-align: right;
}

По боковой панели:

1.По ширине блока они идентичны, возможно вы хотите выровнять их по высоте?
2.В style.css найдите:
.block2 .block-title {
	background:  #84225e;
	border: 1px solid #84225e;
	color: #ffffff;
	display: block;
	padding: 6px 18px;
	position: relative;
	text-transform: uppercase;
}
замените на:
.block2 .block-title {
	background: none repeat scroll 0 0 #84225e;
	border: 1px solid #84225e;
	color: #ffffff;
	display: block;
	padding: 6px 11px;
	position: relative;
	text-shadow: 0 1px 0 #000;
	text-transform: uppercase;
}
3.В шаблоне HTML найдите:
<!-- Недавно просмотренные товары -->
		{% IFNOT recently_viewed_goods_empty %}
		  <div id="recently_viewed">
			<h4>Вы смотрели</h4>
			<div class="block_content">
			  <ul class="product_images">
				{% FOR recently_viewed_goods %}
				{% IF recently_viewed_goods.index > 10 %} {break} {% ENDIF %}
				  <li class="item clearfix">
					{% IF user_agent_ie7 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSE %}			 
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ENDIF %}
					<p><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a><br />
					  <span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br />
					  <span class="old-price">
						{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
						{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_OLD | money_format}
						{% ENDIF %}
					  </span>
					</p>
				  </li>
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- END Недавно просмотренные товары --> 
замените на:
<!-- Недавно просмотренные товары -->
		{% IFNOT recently_viewed_goods_empty %}
		  <div id="recently_viewed">
			<h4>Вы смотрели</h4>
			<div class="block_content">
			  <ul class="product_images">
				{% FOR recently_viewed_goods %}
				{% IF recently_viewed_goods.index > 10 %} {break} {% ENDIF %}
				  <li class="item clearfix">
					{% IF user_agent_ie7 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSE %}			 
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ENDIF %}
				  </li>
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- END Недавно просмотренные товары --> 


#3 Marusya

Marusya

    Новичок

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

Отправлено 20 Август 2014 - 12:00

Огромнейшее спасибо!!! Всё получилось :) :) :)

Подскажите пожалуйста еще несколько вопросов по адаптивности:
1) на 10 и 12 дюймовых экранах убегают корзина и сревнение товаров. Как ее прикрепить сверху?
2) при таком размере экрана становится заметна разница в ширине каталога и недавно просмотренных товаров
10-12.jpg

3) при сильном увеличении "убегает" текст из корзины. Возможно ли его как-то закрепить?
корзина.jpg

#4 batta

batta

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

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

Отправлено 20 Август 2014 - 12:49

Просмотр сообщенияMarusya (20 Август 2014 - 12:00) писал:

Огромнейшее спасибо!!! Всё получилось :) :) :)

Подскажите пожалуйста еще несколько вопросов по адаптивности:
1) на 10 и 12 дюймовых экранах убегают корзина и сревнение товаров. Как ее прикрепить сверху?
2) при таком размере экрана становится заметна разница в ширине каталога и недавно просмотренных товаров
Прикрепленный файл 10-12.jpg

3) при сильном увеличении "убегает" текст из корзины. Возможно ли его как-то закрепить?
Прикрепленный файл корзина.jpg
Здравствуйте.
1)
В main.css
<div id="header-right" >
	 <div id="header_user_info">
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %}
				{% IF COMPARE_GOODS_COUNT=0 %}
				  <div class="menuCompare" style="visibility: hidden;">
					<em>Ваш список сравнения пуст</em>
				  </div>
				{% ELSE %}
				  <div class="menuCompare">
					<b>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</b><br />
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			{% ENDIF %}
			<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	 </div>
измените на
<div id="header-right" style=" width: 35px; top: -54px; left: 100px;">
	 <div id="header_user_info">
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %}
				{% IF COMPARE_GOODS_COUNT=0 %}
				  <div class="menuCompare" style="visibility: hidden;">
					<em>Ваш список сравнения пуст</em>
				  </div>
				{% ELSE %}
				  <div class="menuCompare">
					<b>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</b><br />
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			{% ENDIF %}
			<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	 </div>
2)
В style.css
.block2 {
margin-bottom: 20px;
background: #fff;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
float: left;
position: relative;
width: 210px;
}
измените на
.block2 {
margin-bottom: 20px;
background: #fff;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
float: left;
position: relative;
width: 220px;
}
3)
в Style.css
@media only screen and (max-width: 767px)
#header_shopping_cart {
margin-top: 16px;
width: 100%;
}
измените на
@media only screen and (max-width: 767px)
#header_shopping_cart {
margin-top: 16px;
width: 32%;
}


#5 trooyan

trooyan

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

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

Отправлено 26 Ноябрь 2014 - 21:01

Всем доброго вечера!
Подскажите как:
1. разместить две картинки как на скриншоте (картинки залил kont_klin.png и kont_soln.png) чтобы были по центру на одной оси с логотипом телефоном и корзиной.
2. сделать чтоб в верхнем меню тыкалось слово Главная и Каталог

http://suvenir-klin.ru/

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

  • 561.png


#6 Vaccina

Vaccina

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

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

Отправлено 27 Ноябрь 2014 - 03:13

1.В шаблоне HTML перед:
<div class="contacts">
разместите:
<div class="banner"><img src="ссылка на картинку" alt="" /></div>
<div class="banner"><img src="ссылка на картинку" alt="" /></div>

и в style.css добавьте:
.banner {
	float: right;
}

также найдите:
#header-logo {
	display: table;
	float: left;
	margin-left: 10px;
	margin-top: 30px;
	position: relative;
	width: 210px;
	z-index: 30;
}
замените на:
#header-logo {
	display: table;
	float: left;
	margin-left: 10px;
	margin-top: 30px;
	position: relative;
	z-index: 30;
}
2. В style.css найдите:
#megamenu {
	height: 50px;
	left: 258px;
	position: absolute;
	top: 90px;
}
замените на:
#megamenu {
	height: 50px;
	left: 258px;
	position: absolute;
	top: 90px;
	z-index: 99;
}


#7 trooyan

trooyan

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

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

Отправлено 22 Май 2015 - 23:02

Доброго вечера! Помогите плиз реализовать шапку с иконками соцсетей как на макете.
макет шапки.jpg

Надо чтобы при наведении картинки подменялись и кликались по ссылкам.
1. картинка http://design.suvenir-klin.ru/49.png при наведении меняется на http://design.suvenir-klin.ru/49-1.png и кликается на страницу http://suvenir-klin....ge/Kak-poluchit

2. картинка http://design.suveni...u/VKontakte.png при наведении меняется на http://design.suveni.../VKontakte1.png и кликается на https://vk.com/suvenirklin

3. картинка http://design.suveni...ssniki.png?4433 при наведении меняется на http://design.suveni...oklassniki1.png и кликается на http://ok.ru/fotosuvenirklin

4. картинка http://design.suveni...u/Instagram.png при наведении меняется на http://design.suveni.../Instagram1.png и кликается на https://instagram.com/suvenirklin/

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

#8 Vaccina

Vaccina

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

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

Отправлено 26 Май 2015 - 04:09

В шаблоне HTML перед:
<div id="header_user_info">
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %}
				{% IF COMPARE_GOODS_COUNT=0 %}
				  <div class="menuCompare" style="visibility: hidden;">
					<em>Ваш список сравнения пуст</em>
				  </div>
				{% ELSE %}

вставьте:
<div class="left">
  <a class="adr" href="http://suvenir-klin.ru/page/Kak-poluchit"></a>
  <a class="vk" href="https://vk.com/suvenirklin"></a>
  <a class="ok" href="http://ok.ru/fotosuvenirklin"></a>
  <a class="inst" href="https://instagram.com/suvenirklin/"></a>
</div>

Далее зайдите в файл main.css найдите:
#header_user #header_nav{list-style-type:none;float:right}
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}

после него пропишите:
#header-right .left{float:left;}
#header-right .left a{float:left;display:block;height:85px;width:85px;margin:10px;}
#header-right .left .adr{background:url('http://design.suvenir-klin.ru/49.png') no-repeat center center;}
#header-right .left .adr:hover{background:url('http://design.suvenir-klin.ru/49-1.png') no-repeat center center;}
#header-right .left .vk{background:url('http://design.suvenir-klin.ru/VKontakte.png') no-repeat center center;}
#header-right .left .vk:hover{background:url('http://design.suvenir-klin.ru/VKontakte1.png') no-repeat center center;}
#header-right .left .ok{background:url('http://design.suvenir-klin.ru/odnoklassniki.png?4433') no-repeat center center;}
#header-right .left .ok:hover{background:url('http://design.suvenir-klin.ru/odnoklassniki1.png') no-repeat center center;}
#header-right .left .inst{background:url('http://design.suvenir-klin.ru/Instagram.png') no-repeat center center;}
#header-right .left .inst:hover{background:url('http://design.suvenir-klin.ru/Instagram1.png') no-repeat center center;}


#9 trooyan

trooyan

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

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

Отправлено 26 Май 2015 - 12:51

111.JPG Частично получилось но съехала корзина, и принаведении на корзину всплывает окошечко где-то за текстом см скрины

#10 trooyan

trooyan

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

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

Отправлено 26 Май 2015 - 22:02

heeelp

#11 trooyan

trooyan

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

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

Отправлено 26 Май 2015 - 22:50

333.png
значки передвинул а корзину не получается поставить на место((

#12 Vaccina

Vaccina

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

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

Отправлено 27 Май 2015 - 03:24

В style.css найдите:
#header-right .left{float:}
замените на:
#header-right .left {
  float: left;
}

далее найдите:
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

замените на:
#header_shopping_cart{position: static;width:170px;float:right;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

далее найдите:
#header-right{float:left;height:100px;position: relative; z-index:20;margin-right: 10px;}
замените на:
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}


далее в шаблоне HTML найдите:
<div id="header_user_info">
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %}
				{% IF COMPARE_GOODS_COUNT=0 %}
				  <div class="menuCompare" style="visibility: hidden;">
					<em>Ваш список сравнения пуст</em>
				  </div>
				{% ELSE %}
				  <div class="menuCompare">
					<em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br />
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			{% ENDIF %}
			<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	 </div>

перенесите его, поставив после:
<div id="cart_block_total_checkout">
		<a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	   </div>
	  </div>
	 </div>
		  <div class="clear"></div>


#13 trooyan

trooyan

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

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

Отправлено 27 Май 2015 - 13:40

Все встало, только при наведении на корзину окошко всплывает за текстом, и невозможно кликнуть на кнопку ОФОРМИТЬ ЗАКАЗ

#14 Dars

Dars

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

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

Отправлено 27 Май 2015 - 16:16

Просмотр сообщенияtrooyan (27 Май 2015 - 13:40) писал:

Все встало, только при наведении на корзину окошко всплывает за текстом, и невозможно кликнуть на кнопку ОФОРМИТЬ ЗАКАЗ
В main.css код:

#header-logo {
		display: table;
		float: left;
		margin-left: 10px;
		margin-top: 30px;
		position: relative;
		z-index: 30;
}

замените на:

#header-logo {
		display: table;
		float: left;
		margin-left: 10px;
		margin-top: 30px;
		position: relative;
}

а код:

#megamenu {
		height: 50px;
		left: 230px;
		position: absolute;
		top: 90px;
		z-index: 99;
}

на:

#megamenu {
		height: 50px;
		left: 230px;
		position: absolute;
		top: 90px;
}


#15 trooyan

trooyan

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

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

Отправлено 07 Июнь 2015 - 21:55

Добрый вечер! Помогите сделать чтобы при нажатии иконок ссылка которая ведет за пределы сайта открывалась в новом окне. Иконки которые в шапке, квадратные. http://suvenir-klin.ru/

#16 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 08 Июнь 2015 - 09:32

Просмотр сообщенияtrooyan (07 Июнь 2015 - 21:55) писал:

Добрый вечер! Помогите сделать чтобы при нажатии иконок ссылка которая ведет за пределы сайта открывалась в новом окне. Иконки которые в шапке, квадратные. http://suvenir-klin.ru/

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<a class="vk" href="https://vk.com/suvenirklin"></a>
<a class="ok" href="http://ok.ru/fotosuvenirklin"></a>
<a class="inst" href="https://instagram.com/suvenirklin/"></a>

Замените на:
<a class="vk" href="https://vk.com/suvenirklin" target="_blank"></a>
<a class="ok" href="http://ok.ru/fotosuvenirklin" target="_blank"></a>
<a class="inst" href="https://instagram.com/suvenirklin/" target="_blank"></a>


#17 elisei.parfum

elisei.parfum

    Новичок

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

Отправлено 20 Март 2018 - 14:11

Добрый день! Помогите мне, пожалуйста, с оформлением шапки. Можно ли в моем шаблоне Нефрит сделать вот такую шапку?
И добавить еще одну категорию "косметика"

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

  • 2018-03-20_13-33-32.png


#18 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 21 Март 2018 - 16:16

Просмотр сообщенияelisei.parfum (20 Март 2018 - 14:11) писал:

Добрый день! Помогите мне, пожалуйста, с оформлением шапки. Можно ли в моем шаблоне Нефрит сделать вот такую шапку?
И добавить еще одну категорию "косметика"
Здравствуйте, в целом, можно. А куда поместить контакты и главное меню? В строчку меню не рекомендуется помещать много других элементов, т.к. при адаптивной версии (планшет и телефон) эти элементы нужно будет ужимать, убирать и скрывать. Они могут не поместиться все в один ряд. Например, строчка поиска. Если нужно будет им воспользоваться, то уже не понятно куда должна выдвинуться строчка ввода, если будет 3 пункта в меню. Также контакты лучше размещать именно в шапке сайта, чтобы покупатель сразу видел как он сможет с Вами связаться и часы работы (если есть).





Темы с аналогичным тегами шапка, контакты, поиск

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

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