|
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>
| 
