Установка:
Код меню ставим в нужное вам место:
Код
<table style="-webkit-border-radius: 7px; border-radius: 7px; border: 2px solid #000000; background:url('/st_menu/ric.png');" align="center" width="830px" height="50">
<tr>
<td align="center" style="padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"height="50">
<div class="ten">
<a href="/" title="Главная страница"><img src="/st_menu/gl.png"></a>
<a href="/news" title="Новости"><img src="/st_menu/nw.png"></a>
<a href="/forum" title="Форум"><img src="/st_menu/fr.png"></a>
<a href="/publ" title=""><img src="/st_menu/st.png"></a>
<a href="/load" title="Файлы"><img src="/st_menu/fl.png"></a>
<a href="/photo" title="Фото"><img src="/st_menu/ft.png"></a></div>
</td></tr></table>
Это в css:
Код
.ten img {opacity:0.2; -moz-opacity:0.2; filter: alpha(opacity=10) black; -khtml-opacity: 0.2;}
.ten img:hover {opacity:1; -moz-opacity:1; filter: alpha(opacity=100) black; -khtml-opacity: 1;}
Настройка:
Размеры легко настроить под себя, изменяя цифры в width="830px"
Можно поставить авторазмер заменив 830px на 100%
Скачиваем архив и загружаем в файловый менеджер.
){kind=link}