Меню от сайта uCozFAN для сайта
 | |
| Думаю многие поставят шаблон сайта и им не нравится меню сайта, вам предлагается меню для светлых шаблонов сайта, дизайн как сами видите красивый пользуйтесь на здоровья. Еще можно добавить что меню смотрелось шикарно по дизайну, надо чтоб в шаблоне присутствовали такие же оттенки цвета. Приступаем к установке: Вставляем в блок а css прописываем в стилях. В Блок прописываем этот код: Код <div id="side_left"> <div class="b_loop block_menu"> <div class="b_title">Меню сайта</div> <div class="b_cont"> <ul class="block_nav"> <li><a href="http://zornet.ru/">Главная страница</a></li> <li><a href="http://zornet.ru/"><font color="28cbe8">Форум портала</font></a></li> <li><a href="http://zornet.ru/">Скачать торрент</a></li> <li><a href="http://zornet.ru/">Фильмы онлайн</a></li> <li><a href="http://zornet.ru/">Админ Центр</a></li> <li><a href="http://zornet.ru/">Правила</a></li> <li><a href="http://zornet.ru/">Музыка</a></li> <li><a href="http://zornet.ru/">Услуги</a></li> </ul> </div> </div> В CSS вставляем стиль: Код /* Site Menus */ .uMenuH li {float:left;padding:0 5px;} .uMenuV .uMenuItem {font-weight:normal;} .uMenuV li a {font-size: 11pt; padding: 3px 5px 3px 20px;} .uMenuV li a:link {text-decoration:none; color:#000} .uMenuV li a:active {text-decoration:none; color:#000} .uMenuV li a:visited {text-decoration:none; color:#000} .uMenuV li a:hover {text-decoration:none; color:#7d7d7d; background: url('http://zornet.ru/Zornet-2/6.gif') center left no-repeat;} .uMenuV .uMenuItemA {font-weight:bold;} .uMenuV a.uMenuItemA:link {text-decoration:none; color:#000000; background: url('http://zornet.ru/Zornet-2/6.gif') center left no-repeat;} .uMenuV a.uMenuItemA:visited {text-decoration:none; color:#000000; background: url('http://zornet.ru/Zornet-2/6.gif') center left no-repeat;} .uMenuV a.uMenuItemA:hover {text-decoration:none; color:#7d7d7d; background: url('http://zornet.ru/Zornet-2/6.gif') center left no-repeat;} .uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('http://zornet.ru/Zornet-2/7.gif') no-repeat 0 0;} .uMenuV li {margin: 3px 0px;} /* --------- */ | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
