Темное меню Krunten для сайта uCoz
 | |
| Очень не плохое и главное по своему стили простое меню для сайта системы uCoz. Которое как видим можно настроить под любую тематику сайта. Вот в простоте оно не под все подойдет, просто видим в самих стилях 198px, это потолок, дальше не будет резиновым. А вот меньше можно сделать. Это из той серий, где стоит одна ссылка, и при наведение раздел меняется и получается стрелка на втором, что можно поставить как вам нужно. Вообщем и залил на сайт, так как шаблонов под него очень много и безусловно подойдет, и там вы уже можете и сам оттенок поменять и вывести как вы видите. Установка: Каркас: Код <div class="b_menu"><b> <li><a href="/">АНИМЕ</a></li> <li><a href="/">ДРАМЫ</a></li> <li><a href="/">УЖАСЫ</a></li> <li><a href="/">ФЭНТЕЗИ</a></li> <li><a href="/">СЕРИАЛЫ</a></li> <li><a href="/">БОЕВИКИ</a></li> <li><a href="/">ВОЕННЫЕ</a></li> <li><a href="/">КОМЕДИИ</a></li> <li><a href="/">ТРИЛЛЕРЫ</a></li> <li><a href="/">ФАНТАСТИКА</a></li> <li><a href="/">ПРИКЛЮЧЕНИЯ</a></li> <li><a href="/">МУЛЬТФИЛЬМЫ</a></li> <li><a href="/">ДОКУМЕНТАЛЬНЫЕ</a></li> </b></div> CSS: Код /* ====== Меню сайта ====== */ .b_menu {width:198px; margin:0 5px;} .b_menu li {display:block; height:25px; line-height:25px; padding:0 0 1px 0;} .b_menu li a {display:block; background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/814292c27ad84e72aa7e0929fc66ec31.png) no-repeat 0 0; height:25px; color:#bfbfbf; text-shadow:0px 1px 0px #212121; padding:0 7px;} .b_menu li a:hover {background-position:0 -26px; text-decoration:none; color:#fc972a; text-shadow:0px 1px 0px #222222; padding:0 17px;} /* ====== /Меню сайта ====== */ Что на светлый ставил и на темный стиль, отлично смотрится. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 7 | |
| |
