Рип вертикального меню общей тематики.
Установка:
В блок, где хотим видеть меню:
Code
<span class="blockmenu">
<a href="/">Главная</a>
<a href="/load">Файлы</a>
<a href="/publ">Видео и Статьи</a>
<a href="/forum">Форум</a>
<a href="/blog">Блог <b><sup><font color="#ff0000">New</font></sup></a></b>
<a href="/index/mod_mesjaca/0-10">Мод месяца</a>
<noindex><a href="http://twitter.com/APwolfstalker">Твиттер</a></noindex>
<a href="/photo">Галерея</a>
<a href="/index/kalendar/0-105">Даты выхода проектов</a>
<a href="/index/10modov/0-44/">Наш выбор</a>
<a href="/index/mods/0-91">Каталог модификаций</a>
<a href="/index/top/0-99">Популярное</a>
<a href="/dir/">ТОП сайтов</a>
<a href="/index/ap_production_team/0-47/">О нас</a>
<a href="/index/pochta_ap_production/0-87">Почта AP Production</a>
<a href="/index/kopilka/0-12">Копилка</a>
<a href="javascript://" id="stuff"><span style="color:green">Наши проекты</span></a><div style="display:none;" class="stuff0">
<noindex><a href="http://kino.ap-pro.ru/">Stalker-Film</a></noindex>
<noindex><a href="http://lost-alpha.com">Lost Alpha Fan Site</a></noindex>
<noindex><a href="http://vk.com/gscgame">S.T.A.L.K.E.R.-2 News</a></noindex>
</div>
</span>
В css:
Code
.blockmenu {
height:18px;
width: 100%;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: left;
}
.blockmenu a:link,
.blockmenu a:visited {
color:#999;
text-decoration:none;
padding-left:16px;
line-height:18px;
display:block;
font-weight:normal;
background: url();
border: 1px solid #191919;
border-top: 1px solid #191919;
border-right: 1px solid #191919;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;
background: #262626 url("") no-repeat left center;
text-align: left;
}
.blockmenu a:hover {
color:#c0f7ff;
text-decoration:none;
padding-left:16px;
line-height:18px;
display:block;
font-weight:normal;
border: 1px solid #404f51;
border-top: 1px solid #404f51;
border-right: 1px solid #404f51;
border-bottom: 1px solid #404f51;
border-left: 1px solid #404f51;
background: #2b3837 url("") no-repeat left center;
text-align: left;
}