Меню сайту
Фильмы по жанрах
...
| Главная » Файлы » Популярные скрипты |
Серо-синие вертикальное меню для ucoz
| 04.12.2011, 16:43 | |
 Красивое вертикальное меню для ucoz в серых и синих тонах. Меню ucoz имеет эффект пластика. Установка: 1. Копируем код и вставляем в CSS: ul#menu {list-style-type:none; margin:0; padding:0;} ul#menu li a{ color:#909090; background: url(http://wallaby.ucoz.ru/menu/vert_menu5.png) no-repeat 0 0; text-decoration:none; width: 200px; height: 55px; display:block; border:none; text-shadow: #ddd 2px 2px 0; } ul#menu li a:hover{ background-position: 50% 100%; width: 200px; height: 55px; display:block; color:#fff; text-shadow: #1185EE 2px 2px 0; } ul#menu li a span{ font-family:sans-serif; font-size:18px; padding:17px 0 0 20px; display:block; } 2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню): <ul id="menu"> <li><a href="http://simplesite.org.ua/news/filmy_2011_goda_novinki/1-0-1"><span>Фильмы 2011</span></a></li> <li><a href="http://simplesite.org.ua/news/komedii/1-0-2"><span>Комедии</span></a></li> <li><a href="http://simplesite.org.ua/news/boeviki/1-0-3"><span>Боевики</span></a></li> <li><a href="http://simplesite.org.ua/news/multfilmy/1-0- 4"><span>Мультфильмы</span></a></li> <li><a href="http://simplesite.org.ua/news/fantastika/1-0- 8"><span>Фантастика</span></a></li> <li><a href="http://simplesite.org.ua/news/uzhasy/1-0-7"><span>Ужастики</span></a></li> <li><a href="http://simplesite.org.ua/news/serialy/1-0-6"><span>Сериалы</span></a></li> <li><a href="http://simplesite.org.ua/news/prikljuchennija/1-0- 5"><span>Приключенния</span></a></li> <li><a href="http://simplesite.org.ua/news/melodramy_dramy/1-0- 10"><span>Мелодрамы</span></a></li> <li><a href="http://simplesite.org.ua/news/parodii_na_filmy/1-0-9"><span>Пародии на фильмы</span></a></li> </ul> | |
| Просмотров: 564 | Загрузок: 0 | Рейтинг: 0.0/0 | |
| Всего комментариев: 0 | |
