Для начала скачиваем архив----->>> http://letitbit.net/downloa....ar.html
Разархивируйте содержимое архива
Создайте в корне сайта папку "menu"
И залейте содержимое архива в эту папку
Потом идем в панель управления страница сайта и между тегами <head> и </head>
Ставим этот код:
Code
<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>
Ставим этот код в CSS :
Code
color : #fff;
padding-left : 10px;
background : url(../menu/accordion.png) no-repeat right 0;
line-height :25px;
height : 25px;
cursor : pointer;
margin : 0;
text-align : left;
font-weight : bold;
font-family: Arial, Helvetica, sans-serif;
}
.accordion h3:hover {
color : #ffa;
background-image: url(../menu/accordion.png);
background-repeat: no-repeat;
background-position: right -25px;
}
.accordion h3.active {
background : url(../menu/accordion.png) no-repeat right -50px;
}
.accordion h3.active:hover {
background : url(../menu/accordion.png) no-repeat right -75px;
}
.accordion p {
display : none;
margin : 0;
padding : 7px 0 7px 7px;
}
.accordion a {
font-size : 11px;
color : #fff;
text-align : left;
font-weight : bold;
padding-left : 15px;
}
.accordion p.linked a {
background : url(../menu/bull.gif) no-repeat 0 50%;
}
.accordion p.linked a:hover {
background : url(../menu/bulls.gif) no-repeat 0 50%;
}
/* ---------- */
Далее создаем глобальный блок и Кидаем туда этот код:
Code
<div class="accordion">
<h3>Программы/Софт</h3>
<p class="linked">
<a class="m" href="Ваш ссылка">Графика</a><br/>
<a class="m" href="Ваш ссылка">Мультимедиа</a></br/>
<a class="m" href="Ваш ссылка">Интернет</a><br/>
<a class="m" href="Ваш ссылка">Данные и диски</a><br/>
<a class="m" href="Ваш ссылка">Офисс</a></br/>
<a class="m" href="Ваш ссылка">Система</a><br/>
<a class="m" href="Ваш ссылка">Portable</a><br/>
<a class="m" href="Ваш ссылка">Разное</a><br/>
</p>