« Темное CSS меню для uCoz »

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

Темное CSS меню с разноцветными ссылками для uCoz. Данное меню создано из HTML и CSS кодов, и очень легко редактируется. Меню отлично подойдет под темный дизайн сайтов. Для установки данного так скажем скрипта, потребуется: сайт, администратор и умение копировать код.

Установка:
1. Заходим в ПУ >>> Управление дизайном >>> Один из 2 контейнеров, смотря где Вы хотите видеть меню и ставим данный код:

Код
<a style="color: #990033;" class="nav_menu" href="#">Главная страница</a>
<a style="color: #993333;" class="nav_menu" href="#">Новости сайта</a>
<a style="color: #996633;" class="nav_menu" href="#">Форум сайта</a>
<a style="color: #990066;" class="nav_menu" href="#">Каталог материалов</a>
<a style="color: #993366;" class="nav_menu" href="#">Каталог статей</a>
<a style="color: #996666;" class="nav_menu" href="#">Каталог сайтов</a>
<a style="color: #66CC33;" class="nav_menu" href="#">Гостевая книга</a>
<a style="color: #99CC33;" class="nav_menu" href="#">Фотоальбомы</a>
<a style="color: #FFCC33;" class="nav_menu" href="#">Онлайн игры</a>

У меня например получилось вот так:
Код
<!-- <block9> -->
<table class="boxTable"><tr><th><!-- <bt> --><!--<s5207>-->Разделы<!--</s>--><!-- </bt> --></th></tr>
<tr><td class="boxContent"><!-- <bc> -->
<a style="color: #990033;" class="nav_menu" href="#">Главная страница</a>
<a style="color: #993333;" class="nav_menu" href="#">Новости сайта</a>
<a style="color: #996633;" class="nav_menu" href="#">Форум сайта</a>
<a style="color: #990066;" class="nav_menu" href="#">Каталог материалов</a>
<a style="color: #993366;" class="nav_menu" href="#">Каталог статей</a>
<a style="color: #996666;" class="nav_menu" href="#">Каталог сайтов</a>
<a style="color: #66CC33;" class="nav_menu" href="#">Гостевая книга</a>
<a style="color: #99CC33;" class="nav_menu" href="#">Фотоальбомы</a>
<a style="color: #FFCC33;" class="nav_menu" href="#">Онлайн игры</a>
<!-- </bc> --></td></tr></table>
<!-- </block9> -->

2. Дальше заходим в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и ставим код в самый низ:
Код
/*-- Темное CSS меню для uCoz --*/  
a.nav_menu {padding: 3px 10px; margin-bottom: 3px; background:#2F3236; display: block; width: 272px;}  
a.nav_menu:hover {background:#393D42;}
/*--------------------*/


Готова!


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

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


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

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

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

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

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