вРазные полезности

Красивое светлое меню сайта ucoz

 
Светлое меню сайта, по дизайну красиво. При нажатие на раздел, то стрелка поворачивается в низ и изменяет цвет, оттенок стает желтый. Для светлых дизайн сайтов, так же и для серых. Так же можно с этого меню делать блога под разные разделы и будит на сайте смотреться красиво.
Установка:
Вставляем в блок на сайте:

Код
<ul class=»block_menu»>  
<a title=»Главная страница» href=»/» >Главная</a>  
<a title=»Форум сайта» href=»/forum» >Форум</a>  
<a title=»Новостная лента» href=»/news» >Новости</a>  
<a title=»Бесплатный топ сайтов» href=»/dir» >Топ сайтов</a>  
<a title=»Статьи о продвижении, расскрутке, оптимизации, мета-тегах, counter-strike, ucoz» href=»/publ» >Каталог статей</a>  
<a title=»Файлы нашего сайта» href=»/load» >Каталог файлов</a>  
<a title=»Лучший сайт Counter-Strike» href=»http://zornet.ru/» >Лучший сайт ucoz</a>  
</ul>

В CSS прописываем этот стиль:

Код
.block_menu margin:0; padding:0; list-style:none;  
.block_menu a:link,  
.block_menu a:active,  
.block_menu a:visited width:169px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://zornet.ru/Ajaxoskrip/menu-57.png) no-repeat 0 0;  
.block_menu a:hover color:#ea7609; background-position:0 -20px;

источник: zornet.ru

Похожие посты