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


Изменение В Шапке

шапка меню

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

#1 Dum0ne

Dum0ne

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

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородУфа

Отправлено 03 Март 2014 - 17:52

Добрый Вечер))

Подскажите, пожалуйста, как:

1)Как переместить поиск (как изображено на картинке)

2)Убрать полосу наверх

3)Мену сделать такой же шириной как и поиск и закруглить углы.

4)Вместо белой области поставить картинку

Заранее спасибо :) :) :)

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

  • Снимок.PNG


#2 daria_dnk

daria_dnk

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

  • Модератоpы
  • 482 сообщений

Отправлено 03 Март 2014 - 21:59

Добрый день!
1) Замените в style.css ваши блоки
/* Поиск */
#search_block_top p{padding:0}
#search_block_top #search_query_top{color:#666;float:left}
form#searchbox{padding-top:0!important}
#search_block_top {
position: static;
float: right;
clear: both;
margin-right: 174px;
margin-top: -13px;
}
.search_block_top_form{display:block;position:relative}
#search_block_top #search_query_top {
width: 300px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 35px;
}
.search_button{width:36px!important;height:36px!important;background:transparent url('{ASSETS_IMAGES_PATH}search.png') no-repeat 50%!important;border:none!important;
position:absolute!important;top:0!important;right:0!important;cursor:pointer!important;box-shadow:none!important}
/* END Поиск */
/* Корзина */
#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top: 20px;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') 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:hover{background-color:#ffffff}
#shopping_cart a{text-decoration: none;display:block;background:none;color:#555555;font-weight:700;padding:8px 12px 8px 42px;width:auto;min-width:0;height:auto;float:right;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
#shopping_cart a:hover{text-decoration:none}
#shopping_cart a:hover span{text-decoration:none}
#shopping_cart a .down_arrow_dark{margin-left:6px}
#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:86px;
background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}
.down_arrow_dark{background:transparent url('{ASSETS_IMAGES_PATH}downarrow_dark.png') no-repeat;width:6px;height:4px;display:inline-block;vertical-align:middle}
#cart_block .price{color:#da3b44;line-height:30px;margin-right:10px;float:none}
#cart_block_bottom{background:#f7f7f7;overflow:hidden;border-top:1px solid #eaeaea;border:1px solid #cecece\0/;padding:10px 20px;}
#cart_block #cart_block_shipping_cost{float:none;font-weight:bold;}
#cart_block #cart_block_total_checkout{display:block;position:relative;overflow:hidden;padding:0 20px 10px; text-align: center;}
#cart_block #cart_block_total{color:#da3b44;font-size:16px;float:right;margin:0;*float: none; *text-align: right;}
#cart_block #cart_block_other_costs{clear:both;border-bottom:1px solid #eaeaea;padding-bottom:5px}
#cart_block #cart_block_other_costs span{font-weight:400}
#cart_block #cart_block_other_costs span.price{font-weight:600; float:none !important;}
/* END Корзина */

на

/* Поиск */
#search_block_top p{padding:0}
#search_block_top #search_query_top{color:#666;float:left}
form#searchbox{padding-top:0!important; margin-top:29px;}
#search_block_top{position:static;float:right;margin:26px 10px 0 0}
.search_block_top_form{display:block;position:relative}
#search_block_top #search_query_top{width:350px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}
.search_button{width:36px!important;height:36px!important;background:transparent url('{ASSETS_IMAGES_PATH}search.png') no-repeat 50%!important;border:none!important;
position:absolute!important;top:0!important;right:0!important;cursor:pointer!important;box-shadow:none!important}
/* END Поиск */
/* Корзина */
#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
#header_shopping_cart
{position: static;width:170px;float:right;clear:both;margin-top:55px;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') 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)}
#shopping_cart a{text-decoration: none;display:block;background:none;color:#555555;font-weight:700;padding:8px 12px 8px 42px;width:auto;min-width:0;height:auto;float:right;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
#shopping_cart a:hover{text-decoration:none}
#shopping_cart a:hover span{text-decoration:none}
#shopping_cart a .down_arrow_dark{margin-left:6px}
#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:86px;
background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}
.down_arrow_dark{background:transparent url('{ASSETS_IMAGES_PATH}downarrow_dark.png') no-repeat;width:6px;height:4px;display:inline-block;vertical-align:middle}
#cart_block .price{color:#da3b44;line-height:30px;margin-right:10px;float:none}
#cart_block_bottom{background:#f7f7f7;overflow:hidden;border-top:1px solid #eaeaea;border:1px solid #cecece\0/;padding:10px 20px;}
#cart_block #cart_block_shipping_cost{float:none;font-weight:bold;}
#cart_block #cart_block_total_checkout{display:block;position:relative;overflow:hidden;padding:0 20px 10px; text-align: center;}
#cart_block #cart_block_total{color:#da3b44;font-size:16px;float:right;margin:0;*float: none; *text-align: right;}
#cart_block #cart_block_other_costs{clear:both;border-bottom:1px solid #eaeaea;padding-bottom:5px}
#cart_block #cart_block_other_costs span{font-weight:400}
#cart_block #cart_block_other_costs span.price{font-weight:600; float:none !important;}
/* END Корзина */

2) Замените еще ваш блок
/* Меню в шапке */
#megamenu{position: relative;clear: both;left: 15px;background: #FFEFEB; padding-top: 2px;}
#megamenu:after{display:block;content:"";clear:both}
#megamenu li.root_menu{padding: 5px 8px 5px 8px;float:left;position:relative;}
#megamenu li .root_link {
color: #1C1C1C;
text-transform: none;
font-size: 14px;
font-weight: 100;
text-decoration: none;
font-family: sans-serif;
}
#megamenu li .root_link:hover,
#megamenu li.active .root_link {color:#da3b44}
/* END Меню в шапке */
на
/* Меню в шапке */
#megamenu{position: relative;clear: both;left: 15px;background: #FFEFEB; padding-top: 2px;border-radius: 10px; }
#megamenu:after{display:block;content:"";clear:both}
#megamenu li.root_menu{padding: 5px 8px 5px 8px;float:left;position:relative; height:23px;line-height:23px;}
#megamenu li .root_link {
color: #1C1C1C;
text-transform: none;
font-size: 14px;
font-weight: 100;
text-decoration: none;
font-family: sans-serif;
}
#megamenu li .root_link:hover,
#megamenu li.active .root_link {color:#da3b44}
/* END Меню в шапке */

3) Удалите в конце style.css строки:
#search_block_top {
float: none !important;
margin: 0 auto !important;
}

4) В шаблоне HTML замените ваш блок
<!-- Форма поиска -->
<div id="search_block_top">
<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
<div class="search_block_top_form">
<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
</div>
</form>
</div>
<!-- /Форма поиска -->

<!-- Корзина -->
<div id="header_shopping_cart">
<div id="shopping_cart">
<a href="{CART_URL}" title="Перейти в корзину">
{% IF cart_count_empty %}
<span class="ajax_cart_no_product">Корзина пуста</span>
{% ELSE %}
<span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
{% ENDIF %}
<span class="down_arrow_dark"></span>
</a>
</div>
</div>

на

<!-- Корзина -->
<div id="header_shopping_cart">
<div id="shopping_cart">
<a href="{CART_URL}" title="Перейти в корзину">
{% IF cart_count_empty %}
<span class="ajax_cart_no_product">Корзина пуста</span>
{% ELSE %}
<span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
{% ENDIF %}
<span class="down_arrow_dark"></span>
</a>
</div>
</div>
<!-- Форма поиска -->
<div id="search_block_top">
<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
<div class="search_block_top_form">
<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
</div>
</form>
</div>
<!-- /Форма поиска -->


Это касательно пунктов 1 и 4.
По поводу пунктов 2 и 3 не совсем понятно что нужно получить в результате. Поясните пожалуйста более подробно.

#3 Dum0ne

Dum0ne

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

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородУфа

Отправлено 04 Март 2014 - 04:40

Просмотр сообщенияdaria_dnk (03 Март 2014 - 21:59) писал:

Добрый день!
1) Замените в style.css ваши блоки
/* Поиск */
#search_block_top p{padding:0}
#search_block_top #search_query_top{color:#666;float:left}
form#searchbox{padding-top:0!important}
#search_block_top {
position: static;
float: right;
clear: both;
margin-right: 174px;
margin-top: -13px;
}
.search_block_top_form{display:block;position:relative}
#search_block_top #search_query_top {
width: 300px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 35px;
}
.search_button{width:36px!important;height:36px!important;background:transparent url('{ASSETS_IMAGES_PATH}search.png') no-repeat 50%!important;border:none!important;
position:absolute!important;top:0!important;right:0!important;cursor:pointer!important;box-shadow:none!important}
/* END Поиск */
/* Корзина */
#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top: 20px;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') 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:hover{background-color:#ffffff}
#shopping_cart a{text-decoration: none;display:block;background:none;color:#555555;font-weight:700;padding:8px 12px 8px 42px;width:auto;min-width:0;height:auto;float:right;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
#shopping_cart a:hover{text-decoration:none}
#shopping_cart a:hover span{text-decoration:none}
#shopping_cart a .down_arrow_dark{margin-left:6px}
#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:86px;
background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}
.down_arrow_dark{background:transparent url('{ASSETS_IMAGES_PATH}downarrow_dark.png') no-repeat;width:6px;height:4px;display:inline-block;vertical-align:middle}
#cart_block .price{color:#da3b44;line-height:30px;margin-right:10px;float:none}
#cart_block_bottom{background:#f7f7f7;overflow:hidden;border-top:1px solid #eaeaea;border:1px solid #cecece\0/;padding:10px 20px;}
#cart_block #cart_block_shipping_cost{float:none;font-weight:bold;}
#cart_block #cart_block_total_checkout{display:block;position:relative;overflow:hidden;padding:0 20px 10px; text-align: center;}
#cart_block #cart_block_total{color:#da3b44;font-size:16px;float:right;margin:0;*float: none; *text-align: right;}
#cart_block #cart_block_other_costs{clear:both;border-bottom:1px solid #eaeaea;padding-bottom:5px}
#cart_block #cart_block_other_costs span{font-weight:400}
#cart_block #cart_block_other_costs span.price{font-weight:600; float:none !important;}
/* END Корзина */

на

/* Поиск */
#search_block_top p{padding:0}
#search_block_top #search_query_top{color:#666;float:left}
form#searchbox{padding-top:0!important; margin-top:29px;}
#search_block_top{position:static;float:right;margin:26px 10px 0 0}
.search_block_top_form{display:block;position:relative}
#search_block_top #search_query_top{width:350px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}
.search_button{width:36px!important;height:36px!important;background:transparent url('{ASSETS_IMAGES_PATH}search.png') no-repeat 50%!important;border:none!important;
position:absolute!important;top:0!important;right:0!important;cursor:pointer!important;box-shadow:none!important}
/* END Поиск */
/* Корзина */
#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
#header_shopping_cart
{position: static;width:170px;float:right;clear:both;margin-top:55px;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') 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)}
#shopping_cart a{text-decoration: none;display:block;background:none;color:#555555;font-weight:700;padding:8px 12px 8px 42px;width:auto;min-width:0;height:auto;float:right;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
#shopping_cart a:hover{text-decoration:none}
#shopping_cart a:hover span{text-decoration:none}
#shopping_cart a .down_arrow_dark{margin-left:6px}
#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:86px;
background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}
.down_arrow_dark{background:transparent url('{ASSETS_IMAGES_PATH}downarrow_dark.png') no-repeat;width:6px;height:4px;display:inline-block;vertical-align:middle}
#cart_block .price{color:#da3b44;line-height:30px;margin-right:10px;float:none}
#cart_block_bottom{background:#f7f7f7;overflow:hidden;border-top:1px solid #eaeaea;border:1px solid #cecece\0/;padding:10px 20px;}
#cart_block #cart_block_shipping_cost{float:none;font-weight:bold;}
#cart_block #cart_block_total_checkout{display:block;position:relative;overflow:hidden;padding:0 20px 10px; text-align: center;}
#cart_block #cart_block_total{color:#da3b44;font-size:16px;float:right;margin:0;*float: none; *text-align: right;}
#cart_block #cart_block_other_costs{clear:both;border-bottom:1px solid #eaeaea;padding-bottom:5px}
#cart_block #cart_block_other_costs span{font-weight:400}
#cart_block #cart_block_other_costs span.price{font-weight:600; float:none !important;}
/* END Корзина */

2) Замените еще ваш блок
/* Меню в шапке */
#megamenu{position: relative;clear: both;left: 15px;background: #FFEFEB; padding-top: 2px;}
#megamenu:after{display:block;content:"";clear:both}
#megamenu li.root_menu{padding: 5px 8px 5px 8px;float:left;position:relative;}
#megamenu li .root_link {
color: #1C1C1C;
text-transform: none;
font-size: 14px;
font-weight: 100;
text-decoration: none;
font-family: sans-serif;
}
#megamenu li .root_link:hover,
#megamenu li.active .root_link {color:#da3b44}
/* END Меню в шапке */
на
/* Меню в шапке */
#megamenu{position: relative;clear: both;left: 15px;background: #FFEFEB; padding-top: 2px;border-radius: 10px; }
#megamenu:after{display:block;content:"";clear:both}
#megamenu li.root_menu{padding: 5px 8px 5px 8px;float:left;position:relative; height:23px;line-height:23px;}
#megamenu li .root_link {
color: #1C1C1C;
text-transform: none;
font-size: 14px;
font-weight: 100;
text-decoration: none;
font-family: sans-serif;
}
#megamenu li .root_link:hover,
#megamenu li.active .root_link {color:#da3b44}
/* END Меню в шапке */

3) Удалите в конце style.css строки:
#search_block_top {
float: none !important;
margin: 0 auto !important;
}

4) В шаблоне HTML замените ваш блок
<!-- Форма поиска -->
<div id="search_block_top">
<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
<div class="search_block_top_form">
<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
</div>
</form>
</div>
<!-- /Форма поиска -->

<!-- Корзина -->
<div id="header_shopping_cart">
<div id="shopping_cart">
<a href="{CART_URL}" title="Перейти в корзину">
{% IF cart_count_empty %}
<span class="ajax_cart_no_product">Корзина пуста</span>
{% ELSE %}
<span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
{% ENDIF %}
<span class="down_arrow_dark"></span>
</a>
</div>
</div>

на

<!-- Корзина -->
<div id="header_shopping_cart">
<div id="shopping_cart">
<a href="{CART_URL}" title="Перейти в корзину">
{% IF cart_count_empty %}
<span class="ajax_cart_no_product">Корзина пуста</span>
{% ELSE %}
<span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
{% ENDIF %}
<span class="down_arrow_dark"></span>
</a>
</div>
</div>
<!-- Форма поиска -->
<div id="search_block_top">
<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
<div class="search_block_top_form">
<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
</div>
</form>
</div>
<!-- /Форма поиска -->


Это касательно пунктов 1 и 4.
По поводу пунктов 2 и 3 не совсем понятно что нужно получить в результате. Поясните пожалуйста более подробно.


Теперь у меня вообще нету поиска и корзины((((

2) полоса что вверу сайта хотелось бы убрать

#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 04 Март 2014 - 06:38

Просмотр сообщенияDum0ne (04 Март 2014 - 04:40) писал:

Теперь у меня вообще нету поиска и корзины((((

2) полоса что вверу сайта хотелось бы убрать

Убираем полосу
Редактируем style.css
Находим
#header-fluid {
position: relative;
background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}

Заменяем на
#header-fluid {
position: relative;
background: #FAFAFA;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}


#5 Dum0ne

Dum0ne

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

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородУфа

Отправлено 04 Март 2014 - 13:44

Просмотр сообщенияCastiel (04 Март 2014 - 06:38) писал:

Убираем полосу
Редактируем style.css
Находим
#header-fluid {
position: relative;
background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}

Заменяем на
#header-fluid {
position: relative;
background: #FAFAFA;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}

Большое спасибо))





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

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

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