» »

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


Красивое светлое меню сайта 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;}
16.04.2012 Просмотров: 2259 Комментарий: (4)

Поделиться в социальных сетях

Материал разместил

Комментарий: 4
nikolla76
nikolla76 25.12.2015 15:321
0
Здесь нужно сделать, или желтый или зеленый, то 2 цвета появляеться при наведение, и стрелка поворачивается.
AnTron
AnTron 25.12.2015 15:432
0
Лучше сразу под один синий оттенок, так как он больше распространяется, хотя и так очень орригинально видно.
Kvint
Kvint 25.12.2015 16:143
0
Раньше светлые дизайн был на одном шаблоне, и под него вот делали, но смотря какие еще основные стили стоят на нем.
Kosten
Kosten 25.12.2015 16:364
0
Да здесь же идет стиль, и все сами можете выставить как вам нужно, но кроме самого дизайна, только сам оттенок цвета, при клике который появляется.
avatar