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