Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Меню для uCoz |
Голубое меню для uCoz
29.03.2015, 16:39 | |
Голубое меню для uCoz думаю так же пригодится многим и они возьмут к себе на сайт. Данное меню не занимает много место и содержит всего одну картинку. Так же охота отметить что всё меню держится на CSS стилях . Установка: Скачайте файл и загрузите папку 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: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #FFF; display: block; background: url(/img/menu.gif); padding: 8px 0 0 35px; } #menu li a:hover { color: #FFF; background: url(/img/menu.gif) 0 -32px; padding: 8px 0 0 35px; } Установка завершена и вы можете изменять названия ссылок как вам хочется . | |
Просмотров: 361 | Загрузок:16 Скачать (3.8 Kb) |