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

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

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

Установка:


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

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



  • Ставим данный код в самый низ Таблицы стилей (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-shadow:1px 1px 0px #a2b8be; margin:5px}  
.mMenu p:hover {width:200px; margin:5px 0px}  
.mMenu a {color:#4e6870}  
.mMenu p.m1 {background:url('/img/m1.png') no-repeat -10px -10px #8ea4aa}  
.mMenu p.m2 {background:url('/img/m2.png') no-repeat -8px -15px #8ea4aa}  
.mMenu p.m3 {background:url('/img/m3.png') no-repeat -10px -10px #8ea4aa}  
.mMenu p.m4 {background:url('/img/m4.png') no-repeat -10px -10px #8ea4aa}  
.mMenu p.m5 {background:url('/img/m5.png') no-repeat -10px -15px #8ea4aa}


Готова!


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

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

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

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


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

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

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

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

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