| Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Меню для uCoz |
Вертикальное меню для uCoz
| 29.03.2015, 16:53 | |
| Вот выкладываю очередное вертикальное меню для сайта uCoz. Меню само по себе интересное и в то же время простенькое и не будет нагружать ваш сайт. Установка: Скачайте архив и загрузите папку img в корень вашего сайта. Теперь установите сам код меню в нужную часть сайта. Код <div id="menu"> <ul> <li><a href="http://uwebik.ru/">uwebik.ru for uCoz</a></li> <li><a href="http://uwebik.ru/">uwebik.ru for uCoz</a></li> <li><a href="http://uwebik.ru/">uwebik.ru for uCoz</a></li> <li><a href="http://uwebik.ru/">uwebik.ru for uCoz</a></li> <li><a href="http://uwebik.ru/">uwebik.ru for uCoz</a></li> <li><a href="http://uwebik.ru/">uwebik.ru for uCoz</a></li> <li><a rel="nofollow" target="_blank" href="http://uwebik.ru/" title="uwebik.ru">uwebik.ru for uCoz</a></li> </ul> </div> И последнее вам нужно установить стили к данному меню, скопируйте их чуть ниже и сохраните в самом низу стилей вашего сайта. Код ul { list-style: none; margin: 0; padding: 0; } img { border: none; } #menu { width: 200px; margin: 10px; } #menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 22px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #666; display: block; background: url(/img/menu.gif); padding: 10px 0 0 35px; } #menu li a:hover { color: #000; background: url(/img/menu.gif) 0 -32px; padding: 10px 0 0 35px; } Вот и всё, удачи вам и вашему сайту! | |
| Просмотров: 382 | Загрузок:17 Скачать (0.8 Kb) | |
