+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Обо всём » Собираем скрипты » Горизонтальное меню
Горизонтальное меню
artnovДата: Воскресенье, 24.11.2013, 20:08 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<style>
#menu_wrap{
position:relative;
margin-top:30px;
margin-left:auto;
margin-right:auto;
padding:0;
padding-right:0px;
width:100%;height:34px;
list-style-type:none;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.button a{
cursor:pointer;
text-align:center;
font:13px/100% Arial, Helvetica, sans-serif;
font-weight:bold;
position:relative;
min-width:50px;height:20px;
float:left;
padding:10px;
padding-top:7px;
padding-bottom:7px;
text-decoration:none;
text-shadow:0 1px 1px rgba(0,0,0,.3);
}
.button:first-child a{
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-topleft-radius:10px;
-moz-border-bottomleft-radius:10px;
border-top-left-radius:10;
border-bottom-left-radius:10px;
}
.White,.White .button a{
color:#606060;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
border-right:1px solid #e2e2e2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
}
.White .button a:hover,.White .button a:focus{
background: #ffffff;
border-right:solid 1px #e2e2e2;
background: -moz-linear-gradient(top, #ffffff 0%, #adadad 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#adadad));
background: -webkit-linear-gradient(top, #ffffff 0%,#adadad 100%);background: -o-linear-gradient(top, #ffffff 0%,#adadad 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#adadad 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#adadad 100%);
}
.White .button a:active{
background: #ededed;
background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%);
background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
background: linear-gradient(top, #ededed 0%,#ffffff 100%);
}
.button:last-child a{
float:left;
border:none;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius:10px;border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
</style>
<ul id="menu_wrap" class="White">
<li class="button">
<a href="http://www.novickiy.ru/photo">Галерея</a></li>
<li class="button">
<a href="http://www.novickiy.ru/photo/2">Пейзаж</a></li>
<li class="button">
<a href="http://www.novickiy.ru/photo/3">Натюрморт</a></li>
<li class="button">
<a href="http://www.novickiy.ru/photo/6">Морской пейзаж</a></li>
<li class="button">
<a href="http://www.novickiy.ru/photo/1">Голландский пейзаж</a></li>
<li class="button">
<a href="http://www.novickiy.ru/photo/8">Жанровые картины</a></li>
<li class="button">
<a href="http://www.novickiy.ru/photo/10">Виды города</a></li>
<li class="button">
<a href="http://novickiy.ru/load/">Каталог файлов</a></li>
<li class="button">
<a href="http://www.novickiy.ru/load/zakonodatelstvo/3">Законодательство</a></li>
<li class="button">
<a href="http://www.novickiy.ru/load/kartiny/4">Архивы картин</a></li>     
      
</ul>


Artnov
 
Форум » Обо всём » Собираем скрипты » Горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск: