Публикации
Мужчина
Отправлено
#header-logo {
position: relative;
display: table;
float: left;
margin-top: 30px;
width: 210px;
z-index: 30;
margin-left: 10px;
}
в нем уменьшите значение стиля width или удалите вовсе стиль со значением.
2.В шаблоне 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_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>
далее в style.css найдите:
#search_block_top {
position: static;
float: right;
margin: 26px 10px 0px 0px;
}
замените на:
#search_block_top {
position: static;
float: right;
}
3. В style.css найдите:
#header_shopping_cart{position: static;width:160px;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)}
для смены иконки измените значение background, для увеличения кнопки добавьте стиль height(высота) с необходимым значением, например: height: 60px;
4. В шаблоне HTML перед
<!-- Блок навигации -->
{% IFNOT menu_empty %}
<ul id="megamenu">
{% FOR menu %}
{% FOR header %}
вставьте:
<!-- Контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
<div class="contacts_head">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<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>
{% ENDIF %}
<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
</a>
{% ENDIF %}
<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</a>
{% ENDIF %}
<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
{SETTINGS_STORE_WORK_TIME}
</div>
{% ENDIF %}
<!-- Контакт Skype -->
{% IF SETTINGS_STORE_SKYPE %}
<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
{% ENDIF %}
<!-- Номер ICQ на сайте -->
{% IF SETTINGS_STORE_ICQ %}
<div class="clear"></div>
<div class="icq-number left">
<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
<span>{SETTINGS_STORE_ICQ}</span>
</div>
{% ENDIF %}
<div class="clear"></div>
</div>
{% ENDIF %}
далее в style.css пропишите:
.contacts_head{
float:right;
padding-left:40px;
background: url('ссылка на картинку') no-repeat left center;
}
текст замените на ссылку
5. После добавочного блока из 4го пункта вставьте:
<div class="dop_block"> тут размещаете свой текст или код виджетов </div>а в style.css добавьте:
.dop_block{
float:right;
padding-left:40px;
background: url('ссылка на картинку') no-repeat left center;
}
6. В style.css найдите:
.content.container {
margin-top: 25px;
margin-bottom: 50px;
min-height: 500px;
}
уменьшите значение стиля margin-top
7. В style.css найдите:
.accordion em.open-close {background:url("{ASSETS_IMAGES_PATH}sprites.png?design=autumn") no-repeat -130px -48px; padding:8px 14px; position:absolute; right:0; top:0;}
.accordion_main em.open-close {background: url("{ASSETS_IMAGES_PATH}menu.png?design=autumn") no-repeat left center !important;position:absolute; left: -30px;width: 100%;}
у даных блоков измените значение стиля background
8. В style.css найдите:
#megamenu li .root_link:hover, #megamenu li.active .root_link {
color: #DA3B44;
}
измените значение стиля color
