Светлое вертикальное меню для системы ucoz
Могу много сказать за этот скрипт а точнее вертикальное меню для системы ucoz. Красивое рабочие меню, украсит любой светлый сайт. Так как я устанавливал это меню на тестовый сайт, скажу сразу, оно простое и свое время очень красивое. При наведение буквы становятся синими. Но вы можете все это изменить и подогнать как вам нравиться или под дизайн сайта. Просто выставить другой оттенок цвета в стилях и все. Приступаем к установке: Сначала скачиваем архив с нашего сайта и заливаем что в нем в корень сайта в папку в img ПУ---> таблица CSS и вставляем код: Код .v_menu_top { background-image: url(/img/menu_t.png); height: 4px; width: 196px; } .v_menu_bottom { background-image: url(/img/menu_b.png); height: 5px; width: 196px; } .v_menu {margin: 0; padding: 0; list-style: none;} .v_menu a { background-image: url(/img/menu_a.png); display: block; width: 196px; overflow: hidden; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; color: #5f5f5f; text-decoration: none; text-indent: 17px; } .v_menu a:hover { background-image: url(/img/menu_h.png); font-weight: bold; color: #00aeff; } red {color: red;} blu {color: blue;} gre {color: green;} bla {color: black} whi {color: white} gra {color: gray;} yel {color: yellow;} ora {color: orange;} pur {color: purple;} 2. В блог вашего сайта Код <div class="v_menu_top"></div> <ul class="v_menu"> <a href="http://zornet.ru/">Главная страница</a> <a href="/gb">Гостевая книга</a> <a href="/dir">ТОП Сайтов</a> <a href="/news">Новости</a> <a href="/publ">Статьи</a> <a href="/forum">Форум</a> </ul> <div class="v_menu_bottom"></div> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 3 | |
| |