Название:
Красивое круглое анимированное меню на css3 для uCoz
Категория:
Меню для сайта
Раздел:
uCoz - Скрипты
Просмотров:
 3233
Автор:
Отредактировал: Дмитрий
Добавил:
Дмитрий
Комментов:
0
Добавленно:
  19.10.2014 в 14:33
Теги:
красивое, Круглое, ucoz, анимированное, на, CSS3, для, меню
Рейтинг:
Игровая индустрия
Программирование
Photoshop
uCoz
Персональный компьютер
Форум
Онлайн сервисы

Последнее на форуме

  • Low-Riders
  • Гаппи
  • Скрипт Часов
    • Перейти на форум

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

  • Skyrim — Усиление безжалостной силы
  • [FS] Mine Sweeper
  • "Прелестные туфли" / Charming High Heels for CBBE HDT
    • Перейти к файлам

    Последние статьи

  • Как загрузиться в безопасном режиме в Windows 8
  • Устраняем "глюки" в Windows 7
  • Интеграция SP1 в установочный ISO-образ Windows 7
    • Перейти к статьям

    Красивое круглое анимированное меню на css3 для uCoz

    Меню в стиле круга выполненное на css3 которое крутится при клике, а так же вписывается под любой дизайн.

    Все круглое выглядит стильно и гостеприимно. Данное меню разработано с очень необычным дизайном и с прекрасным функционалом, ведь данное решение подходит для любого сайта.



    Самая главная особенность этого скрипта в том, что данное меню крутится, при наведении меняется, при клике передвигается колесо и вылазит подсказка о кнопке. Я отредактировал немного скрипт так как он был немного неправильно расположен - Дмитрий.


    Установка:
    В то место, где должно быть меню, вставляйте:

    Код
    <link rel="stylesheet" type="text/css" href="http://gigabytes.clan.su/load-ucoz/skripts/menu/10/style.css" />  
    <link rel="stylesheet" type="text/css" href="http://gigabytes.clan.su/load-ucoz/skripts/menu/10/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 heart-info" style="font-size:1.19em;width:105%;">GiG-PRO.RU & GiGabYtes.Clan.Su</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>
    КамАЗ 6520 Самосвал
    Велосипед STELS
    Иконки групп by WilLi...
    Школьные фоны для фот...
    Подождите немного, сейчас файл будет подготовлен, через
    		 секунд Вы получите ссылку на скачивание.

    Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
    Всего комментариев: Комментариев нет , Но вы можете написать первым
    Войдите:
    avatar