Каталог файлов

Рейтинг:0.0
Категория: Скрипты для Ucoz
 


Уникальное меню использующее только свойства нового 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>


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);}
 
 
 
Источник: http://usite.su
 
 0 комментариев  654 просмотров  дата: 29.03.2024  автор: admin  загрузок: 68
 
 
Советую взглянуть:
  • Появляющаяся форма входа ucoz
  • Набор новогодних дедов морозов для Ucoz
  • Мини чат для ucoz стандарта DM
  • Новые дополнительные поля для любых модулей
  •  
     
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

    Последние комментарии


    Опрос сайта

    Нравится ли вам дизайн нашего сайта?
    Всего ответов: 21

    Статистика

    Кол-во зареганных: 2908 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили: