Главная » 2013 » Январь » 27 » Круглое анимированное меню на css3 (Скрипты для ucoz)
27.01.2013, 01:45

Круглое анимированное меню на css3




Замечательное круглое анимированное меню на css3. Почувствуйте всю мощь нового css

Установка:

В то место, где должно быть это меню, вставляйте:
Код
Код
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/ss-standard.css" />
<div id="menu">
  <input type="checkbox" id="on-check" name="on-check" />
  <label id="on-button" for="on-check">
  <span><span class="ss-plus"> </span></span>
  <span><span class="ss-hyphen"> </span></span>
  </label>
   
  <input type="radio" id="info-home" name="radio-check" />
  <input type="radio" id="info-compass" name="radio-check" checked />
  <input type="radio" id="info-heart" name="radio-check" />
  <input type="radio" id="info-rss" name="radio-check" />
  <input type="radio" id="info-refresh" name="radio-check" />
  <input type="radio" id="info-star" name="radio-check" />
   
  <div id="menu-items">
  <div class="middle">
  <div class="top">
  <span class="bg-piece"> </span>  
  <label class="ss-home" for="info-home"> </label>
  <span class="bg-piece"> </span>  
  <label class="ss-compass" for="info-compass"> </label>
  <span class="bg-piece"> </span>  
  <label class="ss-heart" for="info-heart"> </label>  
  </div>
  <div class="bottom">
  <span class="bg-piece"> </span>  
  <label class="ss-rss" for="info-rss"> </label>  
  <span class="bg-piece"> </span>  
  <label class="ss-refresh" for="info-refresh"> </label>  
  <span class="bg-piece"> </span>  
  <label class="ss-star" for="info-star"> </label>  
  </div>
  </div>
  </div>
   
  <div class="info home-info">Вернуться домой</div>
  <div class="info compass-info">Куда двигаемся?</div>
  <div class="info heart-info">Любимое</div>
  <div class="info rss-info">RSS</div>
  <div class="info star-info">Доминирование в вселенной</div>
  <div class="info refresh-info">Обновление</div>
  <div class="faux-shadow"> </div>
</div>


Два стиля из прикреплённого архива залейте в папку css
Материал взят с сайта infoscript.ru
Теги: Скачать Круглое анимированное меню на css3
Скачать "Круглое анимированное меню на css3"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://ruseller.com
Категория: Скрипты uCoz | Просмотров: 1209 | Добавил: sold93 | Рейтинг: 0.0/0 |
Теги: css3, меню, анимированное, на, Кругое
Всего комментариев: 1
1 -=WaMpIr=-   (27.01.2013 09:33)
Аватар пользователя
Кругое??? Ага, я такого слова даже не знаю! Знаю только Крутое и Круглое...

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]