| Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Меню для uCoz |
Меню для сайтов uCoz оранжевое
| 03.08.2015, 00:15 | |
| Некоторые ресурсы насыщенны красками и цветовой гаммой, именно для таких сайтов возможно понадобится меню оранжевого цвета. Примечательность данного меню в том что оно не просто оранжевое, а также с красными подсвечивающимися категориями материалов. Установка данного меню в два действия в глобальный блок первого или второго контейнера помещаем данный код Код <div id="menu"> <ul> <li><a href="http://uwebik.ru">Главная</a></li> <li><a href="#"> Меню</a> <span> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </span> </li> <li><a href="#">Меню</a> <span> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </span> </li> <li><a href="#">Меню</a> <span> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </span> </li> <li><a href="#">Меню</a> <span> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </span> </li> <li><a href="#">Меню</a> <span> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </span> </li> <li><a href="#">Меню</a> <span> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </span> </li> </ul> </div> в стили (css) самый низ устанавливаем следующее Код 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(http://uwebik.ru/1/menu_orange.png); padding: 8px 0 0 35px; } #menu li a:hover { color: #FFF; background: url(http://uwebik.ru/1/menu_orange.png) 0 -32px; padding: 8px 0 0 35px; } #menu li span { position: absolute; left: 12em; margin-top: -1.4em; width: 10em; display: none; } #menu li:hover span { display: block;} #menu li span a { display: inline; } | |
| Просмотров: 402 | | |
| Всего комментариев: 0 | |