Горизонтальное простенькое меню. Отлично подходит для светло-серых дизайнов сайта
Установка:
В CSS вставляем:
Code
.top_menu a {font-size:10px;color:#fff; padding: 6px 10px 6px 10px; background:url('http://www.csteror.ru/KAPTUHKU/link_top_menu1.png'); background-position:100%; text-shadow: 1 1 0px #000; text-transform: uppercase; }
.top_menu a:link {color:#fff ;}
.top_menu a:active {color:#fff ;}
.top_menu a:visited {color:#fff ;}
.top_menu a:hover {color:#ff7600; text-shadow: 1 1 0px #000;}
Где хотим видеть меню:
Code
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td style="background: url(http://www.csteror.ru/KAPTUHKU/bg_top_menu1.png) repeat scroll 0% 0% rgb(85, 85, 85); padding: 0pt 5px 0pt 0px; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0);" height="28"><div class="top_menu"><a href="/">Главная</a><a href="/forum/">Форум</a><a href="/load/">Файлы</a></div></td></tr></tbody></table>