Регистрация    Войти
Авторизация

Вертикальное меню в серых тонах для ucoz

Вертикальное меню в серых тонах для ucoz

Вертикальное меню в серых тонах для ucoz. Представляю Вашему вниманию красивое вертикальное меню, которое подойдет под сайты с темными шаблонами.

Установка:
1. В CSS вставляем:
/* Menu by uSite.su - domenik */
.menu-tab span {
display:inline-block;
font-family:sans-serif;
font-weight:bold;
font-size:12px;
padding-left:6px;
padding-top:10px;
color:#fff;
text-shadow:0px 1px 0px #282828;
}
.menu-ma {
border:1px solid #282828;
width:239px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-bottom:0px;
}
a.menu-tab:link {
border-bottom:1px solid #282828;
display:block;
text-decoration:none;
width:239px;
height:34px;
background:url('http://usite.su/images/menu-tab.png');
}
a.menu-tab:visited {
border-bottom:1px solid #282828;
display:block;
text-decoration:none;
width:239px;
height:34px;
background:url('http://usite.su/images/menu-tab.png');
}
a.menu-tab:hover {
border-bottom:1px solid #282828;
display:block;
text-decoration:none;
width:239px;
height:34px;
background:url('http://usite.su/images/menu-tab.png') 0px 68px;
}
a.menu-tab:active {
border-bottom:1px solid #282828;
display:block;
text-decoration:none;
width:239px;
height:34px;
background:url('http://usite.su/images/menu-tab.png') 0px 34px;
}

/* ------------------ */

2. Туда где хотим видеть меню:
<div class="menu-ma"> 
<a href="http://manucoz.ru/" class="menu-tab"><span>Проверка меню</span></a>
<a href="http://manucoz.ru/" class="menu-tab"><span>Вышло не по</span></a>
<a href="http://manucoz.ru/" class="menu-tab"><span>by domenik</span></a>
<a href="http://manucoz.ru/" class="menu-tab"><span>for manucoz.ru</span></a>
</div>

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  5-06-2012, 10:36   Просмотров: 3204   
меню в серых тонах для ucoz, меню для ucoz, Вертикальное меню в серых тонах для ucoz, Вертикальное меню для ucoz, Вертикальное меню в серых тонах
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.