Z_Mc (24 Февраль 2014 - 09:32) писал:
всё за комментариями, их удалить просто? они ж и так не работают
только стили описаны в main.css, их удалить?
или закаченные файлы удалить?
Чтобы избежать конфликта, удалите все что вы добавили и загрузили.
Теперь начнем выполнять следующую инструкцию.
Загружаем содержимое архива себе на сайт через Редактор Шаблонов - Добавить файлы
Редактируем шаблон HTML
Добавляем данный код перед </head>
<script type="text/javascript" src="{ASSETS_JS_PATH}chrome00.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery01.js"></script>
Находим
<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>
Заменяем на
<div id="MainMenu">
<div id="tab">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<ul>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}><span>{menu.header.links.NAME}</span></a>
</ul>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
</div>
Добавляем стили в main.css
#MainMenu
{
height:62px;
background:#FFF url({ASSETS_IMAGES_PATH}bmid_111.gif);
border:0;
margin:0;
top:130px;
position:relative;
}
#tab
{
top:0;
height:0;
background:repeat-x top;
margin:0;
}
#tab ul
{
list-style:none;
float:left;
margin:0;
padding:0;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:url({ASSETS_IMAGES_PATH}bright_1.gif) no-repeat right top;
text-decoration:none;
border:0;
display:block;
float:left;
margin:0;
padding:0;
}
#tab a span
{
display:block;
background:url({ASSETS_IMAGES_PATH}bleft_11.gif) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
font-weight:700;
line-height:62px;
padding:0 25px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#FFF;
font-weight:700;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0;
background:#FFF url({ASSETS_IMAGES_PATH}bmid_111.gif);
color:#FFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
width:180px;
display:block;
border:0;
color:#FFF;
background:url({ASSETS_IMAGES_PATH}bleft_11.gif) no-repeat left top;
font-weight:700;
font-style:normal;
text-decoration:none;
margin:0;
padding:0;
}
.dropmenudiv a span
{
display:block;
line-height:62px;
background:url({ASSETS_IMAGES_PATH}bright_1.gif) no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
float:none;
padding:0 25px;
}
.dropmenudiv a:hover
{
border:0;
background-position:left bottom;
font-weight:700;
font-style:normal;
text-decoration:none;
color:#FFF;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#FFF;
font-weight:700;
}