Корпус блока рипанул с одного сайта , чуть настроил корпусню и готова! =)
так начнёмс, инструкция для subsilver2, так как просильвер ну не переношу и не считаю его вообще за стиль = ))))
создаём текстовый файл naviga.html, берём любой пустой левый блок и копируем оформление блока туда
Пример:
Код: Выделить всё
{$LR_BLOCK_H_L}Навигация{$LR_BLOCK_H_R}
<table class="tablebg" cellspacing="1" width="100%">
тут может быть что угодно = )))
</table>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}
чтобы получилось так:
Код: Выделить всё
{$LR_BLOCK_H_L}Навигация{$LR_BLOCK_H_R}
<table class="tablebg" cellspacing="1" width="100%">
<div id="left"><div id="navcontainer">
<ul class="navlist">
<li><a href="/">Карта сайта</a></li>
<li><a href="/">Главная</a></li>
<li><a href="/">Гостевая книга</a></li>
<li><a href="/">Форум</a></li>
<li><a href="/">Делаем сайт</a></li>
<li><a href="/">Оптимизируем сайт</a></li>
<li><a href="/">Раскручиваем сайт</a></li>
<li><a href="/">Зарабатываем</a></li>
<li><a href="/">Графика для Web</a></li>
<li><a href="/">Уроки Photoshop</a></li>
<li><a href="/">Уроки HTML</a></li>
<li><a href="/">Уроки CSS</a></li>
<li><a href="/">Уроки JavaScript</a></li>
<li><a href="/">Уроки jQuery</a></li>
<li><a href="/">Уроки SQL и БД</a></li>
<li><a href="/">Уроки Joomla</a></li>
</ul>
</div><div id="advertising">
</table>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}
блок готов! теперь нужно его подключить!!!
Открываем файл portal_left.html
находим:
Код: Выделить всё
<!-- IF S_DISPLAY_BIRTHDAY_LIST -->
<!-- INCLUDE portal/block/birthday_list.html -->
<!-- ENDIF -->
Код: Выделить всё
<!-- INCLUDE portal/block/naviga.html -->
Код: Выделить всё
/* NaV9CaraTT
------------ */
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}
#navcontainer li { margin: 0; }
#navcontainer a#active{
display: block;
padding: 5px 10px 5px 20px;
width: 192px;
color: #000;
font-weight: bold;
font-size: 12px;
text-decoration: none;
border-top: 1px solid #999;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(images/blocks/4.png);
background-repeat: no-repeat;
background-position: 0 0;
}
#navcontainer a
{
display: block;
padding: 5px 15px;
width: 192px;
color: #dcdcdc;
background-color: #ADC1AD;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
font-weight: bold;
font-size: 12px;
background-image: url(images/blocks/3.png);
background-repeat: no-repeat;
background-position: 0 0;
}
#navcontainer a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #999;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(images/blocks/4.png);
background-repeat: no-repeat;
background-position: 0 0;
}
Теперь по директории styles/ваш стиль/theme/images/ кидаем папку с картинками Скачать
Всё готова! Проверить в живую этот блок можите тут http://9caratt.com/
p.s на стандартном шаблоне subsilver2 смотриться лучше чем ожидал!
В следующий раз как время будет подгодовлю блок с выподающим меню, с js, он в принципи воляется на винте, но донастроить нужно = )))