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



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



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


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


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


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


Поиск


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

464 Просмотров

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

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


Последние статьи
Казино Рулетка на рубли с минимальным депозитом
27.02.2017
Рулетка онлайн на деньги с начальной суммой
24.02.2017
Интернет рулетка ставки от 1 рубля
22.02.2017
Рулетка на деньги онлайн с выводом денег от 1 рубля
19.02.2017
Онлайн Казино с бездепозитным бонусом за регистрацию без скачивания
16.02.2017


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