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

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

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

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

Код

<div class="mMenu">
<a href="#">Главная</a>
<a href="#">Галерея</a>
<a href="#">Статьи</a>
<a href="#">Контакты</a>
<a href="#">Новости</a>
</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 | Просмотров: 1198 | Загрузок: 30

Теги к материалу: красивое, uCoz, сайта, для, МЕНЮ

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

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

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

uFive.Ru

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