« Красивое меню для сайта uCoz »

Описание материала:

Красивое меню для сайта uCoz с 5 иконками. Данное меню подойдет для сайтов строй-тематики, блога, персональной страницы. Иконки можно в любое время изменить или добавить свои, изменив CSS. Меню подойдет как для светлого, так и для темного дизайна.

Установка:
1. Скачиваем архив и заливаем папку img в корень своего сайта
2. Ставим данный код туда где хотим видеть меню:

Код
<div class="mMenu">  
<p class="m1"><a href="#">Главная</a></p>  
<p class="m2"><a href="#">Галерея</a></p>  
<p class="m3"><a href="#">Статьи</a></p>  
<p class="m4"><a href="#">Контакты</a></p>  
<p class="m5"><a href="#">Новости</a></p>  
</div>

3. Ставим данный код в самый низ Таблицы стилей (CSS):
Код
.mMenu {width:210px;float:left}  
.mMenu p {width:190px;font-size:12pt;padding:7px 10px;text-transform:uppercase;text-align:right;border-radius:4px;color:#4e6870;text-decoration:none;text-shadow:1px 1px 0px #5a7788;margin:5px}  
.mMenu p:hover {width:200px;margin:5px 0px}  
.mMenu a {text-decoration:none;font-family:Cuprum;color:#eee}

.mMenu p.m1 {background:url('/img/m1.png') no-repeat -10px -10px #5a7788}  

.mMenu p.m2 {background:url('/img/m2.png') no-repeat -8px -15px #5a7788}  

.mMenu p.m3 {background:url('/img/m3.png') no-repeat -10px -10px #5a7788}  

.mMenu p.m4 {background:url('/img/m4.png') no-repeat -10px -10px #5a7788}  

.mMenu p.m5 {background:url('/img/m5.png') no-repeat -10px -15px #5a7788}


Готова!


Скачать ( Размер архива 49.4 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Демонстрация

Демонстративная страница или сайт материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 835 | Загрузок: 25

Теги к материалу: красивое, ucoz, сайта, для, меню

Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев: 0
avatar