Главная » Интересные решения для сайтов uCoz » Ucoz » Меню для Ucoz


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


Темное 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;}  
/*--------------------*/

Автор материала:
...
Логин на сайте: ...
Группа: ...
Материалов: ...
Статус: ...
О материале:
Дата добавления материала:
04.07.2016 в 22:42
Материал просмотрен: 519 раз
Категория материала:
Меню для Ucoz
К материалу оставлено: 0 комментариев




Рекомендую к просмотру

Разное для ucoz - Ограничиваем длину заголовка для uCoz

Ограничиваем длину заголовка для uCoz


Скрипты - История репутации в профиле uCoz

История репутации в профиле uCoz


Разное для ucoz - Скрываем прошлогодний архив записей by webo4ka

Скрываем прошлогодний архив записей by webo4ka


Скрипты - Анимированный низ сайта для uCoz на CSS

Анимированный низ сайта для uCoz на CSS



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

Немного информации в комментариях!
1. Запрещено оскорблять, унижать в грубой форме других пользователей.
2. Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.
3. Запрещено писать ссылки на другие сайты (За исключением официальных, например таких: uCoz.ru, forum.ucoz.ru, blog.ucoz.ru и т.п.)
4. Запрещено флудить и спамить, предлогать услуги (например: "делаю рипы, адаптации на заказ" "помогу с установкой шаблона" и т.д. )

Комментарии к материалу Темное CSS меню для uCoz
avatar
Close
Здравствуйте Гость
Пожалуйста зарегистрируйтесь или войдите под своим логином на сайт.
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0