Красивое серо-зеленое меню для сайта. Идем ПУ-->Управление дизайном-->CSS. В самый низ ставим это:
Code
ul#menu {
width: 200px;
}
ul#menu li
{
background: url('http://studioac.ru/uploads/vert-menu/bg-menu.gif') no-repeat bottom left;
display: block;
min-height: 30px;
}
ul#menu li:hover
{
background-position: -200px bottom;
}
.main ul#menu li
{
width: 199px;
}
.second ul#menu li
{
width: 189px;
}
ul#menu a:visited,
ul#menu a:link,
ul#menu a
{
background: url('http://studioac.ru/uploads/vert-menu/cap-menu.gif') no-repeat top left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: white;
padding: 5px 10px 10px 19px;
display: block;
}
ul#menu a:hover
{
background-position: -200px 0;
}
Затем, в нужное место сайта ставим это:
Code
<ul id="menu">
<li><a href="http://www.infoscript.ru" target="_self">Главная</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
</ul>
