ИГРЫ,ВИДИО,ПРОГРАММЫ
Главная | Регистрация | Вход
Вторник, 08.10.2024, 02:28
Онлайн всего: 1
Гостей: 1
Пользователей: 0
и
Категории раздела
АКЦИЯ!!!ЛИЦЕНЗИЯ БЕСПЛАТНО!!! [11]
WPI [35]
СБОРКИ ОС [91]
СИСТЕМА [102]
ДРАЙВЕРА [29]
Интернет [63]
АУДИО [6]
ИГРЫ [220]
ИГРЫ ДЕТЯМ [11]
РАБОЧИЙ СТОЛ [16]
МУЗЫКА МП3 [85]
ПРОГРАММЫ [41]
Скрипты для UCOZ [130]
Анимированные Обои [18]
СКАЧАТЬ С ТОРЕНТА [124]
КРАСИВЫЕ ЗАСТАВКИ СКРЕНСЕЙВЕРЫ [11]
ПОЗДРАВЛЯЙ [0]
КЛИПАРТЫ [8]
Программы для фотографий [8]
ФИЛЬМЫ [6]
ВИДИО ФОКУСЫ [7]
ВИДИО КАК ЗАРАБОТАТЬ В ИНТЕРНЕТЕ БЕСПЛАТНО [10]

Главная » Файлы » Скрипты для UCOZ

Вращающееся меню на CSS3
27.07.2012, 08:36
Красивые и необычное в голубых тонах вертикально меню для сайта uCoz. Меню выполнено на новом CSS3, поэтому не использует картинок и javascripts.
HTML меню
В место где хотите видеть Вращающееся меню 

<section id="article">  
  <dl class="menu">  
  <dt class="btnRot">Закладки</dt>  
  <dd><a href="http://wallaby.ucoz.ru">Шаблоны для uCoz</a></dd>  
  <dd><a href="Ваша ССЫЛКА">Закладка №3</a></dd>  
  <dd><a href="Ваша ССЫЛКА">Закладка №2</a></dd>  
  <dd><a href="Ваша ССЫЛКА">Закладка №1</a></dd>  
  </dl>  
  <div class="masque"></div>  
  <div class="ombre"></div>  
</section>
CSS меню
П.У - Дизайн - Управление дизайном (CSS):

* {  
  margin: 0;  
  padding: 0;  
  border: none;  
  }  
  #article {  
  height: 360px;  
  width: 586px;  
  font-family: "TeXGyreReg",sans-serif;  
  font-size: 17px;  
  }  
  #article dl {  
  position: relative;  
  top: 15px;  
  left: 50%;  
  margin-left: -75px;  
  width: 150px;  
  height: 155px;  
  color: #324040;  
  text-align: center;  
  background: #04b3d2;  
  background: -moz-linear-gradient(top,#04b3d2,#48dfff);  
  background: -webkit-gradient(linear,left top,left bottom,from(#04b3d2),to(#48dfff));  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;  
  border-radius: 4px;  
  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.7);  
  -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.7);  
  box-shadow: 0px 0px 6px rgba(0,0,0,0.7);  
  -webkit-transform-origin: 50% 120px;  
  -moz-transform-origin: 50% 120px;  
  -o-transform-origin: 50% 120px;  
  -moz-transition: -moz-transform 0.7s ease-in-out;  
  -o-transition: -o-transform 0.7s ease-in-out;  
  -webkit-animation: bounceOut 0.7s ease-in-out;  
  }  
  #article dt {  
  position: absolute;  
  bottom: 0px;  
  width: 100%;  
  height: 27px;  
  padding-top: 5px;  
  }  
  #article dd {  
  -webkit-transform: rotate(180deg);  
  -moz-transform: rotate(180deg);  
  -o-transform: rotate(180deg);  
  }  
  #article dd a {  
  display: block;  
  height: 22px;  
  padding: 3px 0px;  
  color: #324040;  
  text-decoration: none;  
  }  
  #article dd a:hover {  
  background: rgba(255,255,255,0.1);  
  }  
  #article dl:hover {  
  -webkit-transform: rotate(-180deg);  
  -moz-transform: rotate(-180deg);  
  -o-transform: rotate(-180deg);  
  -moz-transition: -moz-transform 0.5s ease-in-out;  
  -o-transition: -o-transform 0.5s ease-in-out;  
  -webkit-animation: bounceIn 0.7s ease-in-out;  
  }  
  @-webkit-keyframes bounceIn {  
  from {-webkit-transform: rotate(0deg);}  
  75%{-webkit-transform: rotate(-200deg);}  
  90%{-webkit-transform: rotate(-175deg);}  
  to {-webkit-transform: rotate(-180deg);}  
  }  
  @-webkit-keyframes bounceOut {  
  from {-webkit-transform: rotate(-360deg);}  
  0% {-webkit-transform: rotate(-180deg);}  
  10%{-webkit-transform: rotate(-160deg);}  
  to {-webkit-transform: rotate(-360deg);}  
  }  
  #article .masque {  
  position: absolute;  
  z-index: 50;  
  width: 585px;  
  height: 135px;  
  top: 0;  
  left: 0;  
  background: #fff;  
  }  
  #article .ombre {  
  position: absolute;  
  z-index: 40;  
  width: 300px;  
  height: 6px;  
  top: 133px;  
  margin-top: -103px;  
  left: 142px;  
  -webkit-box-shadow: 0px 100px 3px black;  
  -moz-box-shadow: 0px 100px 3px black;  
  box-shadow: 0px 100px 3px black;  
  -webkit-border-radius: 75px 75px 75px 75px / 3px 3px 3px 3px;  
  -moz-border-radius: 75px 75px 75px 75px / 3px 3px 3px 3px;  
  border-radius: 75px 75px 75px 75px / 3px 3px 3px 3px;  
  }
Категория: Скрипты для UCOZ | Добавил: ADMIN
Просмотров: 765 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111
Поиск
ДАЙ ОТВЕТ
КАКОГО ЖИВОТНОГО ВАМ НЕ ХВАТАЕТ ДОМА
Всего ответов: 111


Copyright MyCorp © 2024
Конструктор сайтов - uCoz

Рейтинг@Mail.ru

Рускаталог.ком - каталог русскоязычных сайтов Яндекс цитирования Каталог сайтов о знаменитостях - Top Stars. Сайты и форумы о музыкантах, актерах и известных людях. Каталог сайтов: Заработок в Сети Рейтинг 
 <table cellpadding=
html counterсчетчик посетителей сайта
Счетчик тИЦ и PR