Отправлено от
Vaccina (13 Февраль 2014 - 04:04) писал:
а зачем вы второе меню сделали горизонтальное? Мы будем стилизовать выпадающее.
В шаблоне HTML найдите:
В шаблоне HTML найдите:
<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
<li class="
level{catalog_full.LEVEL}
nav-{catalog_full.index}
{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
">
<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
<!-- /Каталог товаров -->
и перенесите, поставив перед:<div id="contentWrap"> <div id="content"> <table id="contentMainTb"> <tr>далее заходим в main.css находим:
#nav li {
}
замените на:
#nav li {
background: url("http://www.airfresh.ru/images/main_menu_bg.gif") repeat-x scroll 0 0 #2F8BBA;
border: 1px solid #020202;
display: inline-block;
}
далее найдите:
#nav li a {
color: #2F8BBA;
font-weight: bold;
line-height: normal;
padding: 0;
}
замените на:
#nav li a {
color: #FFFFFF;
font-weight: bold;
line-height: normal;
padding: 10px 20px;
text-decoration: underline;
}
