На главную
Статьи о заработке
Видео
Форум
Инструкция заработка
Новости сайта
О сайте
Связаться с нами
Лучшие буксы



Заработок на сайте



Основной материал


На правах рекламы


Сегодняшний опрос
Как вы продвигаете свои сайты?
Всего голосов147


Социальные сети


Поиск


Главная » Файлы » Меню для uCoz

746 Просмотров

Меню с зеленым оттенком

z

Несложный код меню зеленых оттенков. При наведении цвета плавно приобретют синие окраски. К меню добавлено новое изменение - смена цвета при нажатии кнопки. Пользуйтесь и добавляйте на свои сайты

Вставить в css

Код

.menu_div_1
{
border: 1px solid #0f962a;
border-radius: 10px 0 0 10px;  
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
color: #0f962a;
font-family: Verdana;
font-weight: bold;
padding: 5px;
}

.menu_div_2
{
border: 1px solid #0f962a;
color: #0f962a;
font-family: Verdana;
font-weight: bold;
padding: 5px;
}

.menu_div_3
{
border: 1px solid #0f962a;
border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
color: #0f962a;
font-family: Verdana;
font-weight: bold;
padding: 5px;
}

.menu_div_1:hover
{
border: 1px solid #1892a8;
border-radius: 10px 0 0 10px;  
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
color: #1892a8;
font-family: Verdana;
font-weight: bold;
padding: 5px;
}

.menu_div_2:hover
{
border: 1px solid #1892a8;
color: #1892a8;
font-family: Verdana;
font-weight: bold;
padding: 5px;
}

.menu_div_3:hover
{
border: 1px solid #1892a8;
border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
color: #1892a8;
font-family: Verdana;
font-weight: bold;
padding: 5px;
}

.menu_div_1:active
{
border: 1px solid #d1a63a;
color: #d1a63a
}

.menu_div_2:active
{
border: 1px solid #d1a63a;
color: #d1a63a
}

.menu_div_3:active
{
border: 1px solid #d1a63a;
color: #d1a63a
}

.a_div_not {text-decoration: none;}
.a_div_not:hover {text-decoration: none;}
.a_div_not:visited {text-decoration: none;}
.a_div_not:link {text-decoration: none;}

Вставить в html

Код

<table align="center" cellspacing="0">

<tr>

<td><a href="#" class="a_div_not"><div class="menu_div_1">На главную</div></a></td>
<td><a href="#" class="a_div_not"><div class="menu_div_2">Статьи</div></a></td>
<td><a href="#" class="a_div_not"><div class="menu_div_2">Объявления</div></a></td>
<td><a href="#" class="a_div_not"><div class="menu_div_2">О сайте</div></a></td>
<td><a href="#" class="a_div_not"><div class="menu_div_3">Написать нам</div></a></td>

</tr>

</table>

Ссылка на демо меню:
Ссылка на скачивание меню:

      Категория Будем рады Вашему голосу
Рейтинг
Меню для uCoz
       
5.0
Голосов: 1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Логин
Пароль


Подписка

Подписка по e-mail


Последние статьи
Казино Рулетка
10.04.2018
Игровые автоматы депозит от 20 рублей
02.04.2018
Игровые автоматы депозит от 10р
02.04.2018
Игровые автоматы депозит от 10 руб
02.04.2018
Игровые автоматы депозит от 10 рублей
02.04.2018


Для вебмастера