QR Код
QR Код на скачивание по второй ссылке
Меню в стиле контакта
Уникальное меню использующее только свойства нового CSS.
Установка:
1. Вставляем в место где хотим видеть меню данный html код:
2. Это ставим в CSS:
Установка:
1. Вставляем в место где хотим видеть меню данный html код:
Код
<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>
2. Это ставим в CSS:
Код
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);}
- Источник: http://for-ucoz.my1.ru/
- Для скачивания необходима авторизация -
Всего комментариев: 0 | |
Последние посты с форума
- Новости сайта
- Написал: admin (02.08.2014)
- У кого какой компьютер
- Написал: admin (10.02.2014)
Лучшие посты на форуме
- Считаем до 1000
- Написал: admin (01.09.2013)
- Игра ассоциации
- Написал: Ooh_la_la (15.03.2011)