Авторизация
Игрык
Свежее
| [19.01.2012] | |
| Realtek High Definition Audio Driver R2.67 (0) | |
| [01.06.2012] | |
| (((NoOb))) (0) | |
| [04.09.2012] | |
| Flash статистика CW встиле огня (0) | |
| [07.09.2012] | |
| Новый вид статистики Ucoz (0) | |
| [07.09.2012] | |
| Скрипт Наши сервера в одном блоке (0) | |
| [12.09.2012] | |
| Новый информер комментарии для ucoz как на Dle (0) | |
| [12.09.2012] | |
| Скрипт друзья сайта для uCoz (0) | |
| [13.09.2012] | |
| Новый вид опроса для uCoz. Выполнен в светлых тонах (0) | |
| [13.09.2012] | |
| Статистика кто посетил в красивом стиле для uCoz (0) | |
| [28.09.2012] | |
| Скрипт радио на сайт (0) | |
Топ файлов
 | 1 Браузер Opera для PSP Дата добавления:27.10.2012 Автор: Ross_Kemp Просмотров: 11552 |
 | 2 Иконки для папок TROLL FA... Дата добавления:13.05.2012 Автор: Smertnik Просмотров: 8347 |
 | 3 Кисть для фотошопа - Рисо... Дата добавления:13.05.2012 Автор: Ross_Kemp Просмотров: 3673 |
 | 4 PSX2PSP v1.4.2 для PSP Дата добавления:27.10.2012 Автор: Ross_Kemp Просмотров: 4044 |
 | 5 Rip pbhack.ru Дата добавления:13.11.2011 Автор: Ross_Kemp Просмотров: 2426 |
Топ Пользователей
Партнеры
Статистика
» Другое » Меню в стиле контакта CSS3
Уникальное меню использующее только свойства нового CSS.
HTML:
CSS:
Рекомендуем:
Меню в стиле контакта CSS3
- Автор: Гость
- 18.05.2024
Уникальное меню использующее только свойства нового CSS.
HTML:
Code
<div id="nav">
<ul>
<li><a href="">Главная</a></li>
<li><a href="">Форум</a></li>
<li><a href="">Файлы</a></li>
<li><a href="">Статьи</a></li>
<li><a href="">Контакты</a></li>
<li><a href="">uSite</a></li>
</ul>
</div>
<ul>
<li><a href="">Главная</a></li>
<li><a href="">Форум</a></li>
<li><a href="">Файлы</a></li>
<li><a href="">Статьи</a></li>
<li><a href="">Контакты</a></li>
<li><a href="">uSite</a></li>
</ul>
</div>
CSS:
Code
ul, li{margin:0; padding:0; list-style:none; float:left;}
#nav{height:40px; display:table;}
#nav ul li{background: -moz-linear-gradient(top, rgba(83,107,146,1) 0%, rgba
(69,88,120,1) 100%); background: -webkit-linear-gradient(top, rgba(83,107,146,1) 0%,rgba(69,88,120,1) 100%); background: -o-linear-gradient(top, rgba(83,107,146,1) 0%,rgba(69,88,120,1) 100%); box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2);}
#nav ul li:hover{background:rgba(64,64,64,1);}
#nav ul li:first-child{border-top-left-radius:2px; border-bottom-left-
radius:2px;}
#nav ul li:last-child{border-top-right-radius:2px; border-bottom-right-
radius:2px;}
#nav ul li a{line-height:40px; display:block; padding:0 25px; text-
decoration:none; text-transform:uppercase; font-weight:bold; color:rgba(255,255,255,1); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
#nav{height:40px; display:table;}
#nav ul li{background: -moz-linear-gradient(top, rgba(83,107,146,1) 0%, rgba
(69,88,120,1) 100%); background: -webkit-linear-gradient(top, rgba(83,107,146,1) 0%,rgba(69,88,120,1) 100%); background: -o-linear-gradient(top, rgba(83,107,146,1) 0%,rgba(69,88,120,1) 100%); box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2);}
#nav ul li:hover{background:rgba(64,64,64,1);}
#nav ul li:first-child{border-top-left-radius:2px; border-bottom-left-
radius:2px;}
#nav ul li:last-child{border-top-right-radius:2px; border-bottom-right-
radius:2px;}
#nav ul li a{line-height:40px; display:block; padding:0 25px; text-
decoration:none; text-transform:uppercase; font-weight:bold; color:rgba(255,255,255,1); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
- Просмотров: 616
- Загрузок: 0
Рекомендуем:
| Комментарии | |
| Нет комментариев | |
