Сегодня 10 января, пятница ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7278
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Хаки и Скрипты Next Generation CMS
Хаки и Скрипты Next Generation CMS
Голосов: 1
Адрес блога: http://ngcmshak.ru
Добавлен: 2013-12-31 14:21:51 блограйдером 88888888
 

Создание Android Dock с использованием JQuery и CSS3

2013-11-10 13:58:48 (читать в оригинале)

Вот обнаружил классное меню в стиле андроид
1.Скачиваем архив [isnt-logged]Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам androiddock.zip (169.07 Kb)[/is-logged] ,распаковываем и заливаем в папку с вашим шаблоном.
2.В файле main.tpl между head подключаем стили и скрипты:
Код:
 
<link rel="stylesheet" href="{tpl_url}/css/demo.css">
<script>!window.jQuery && document.write(unescape('%3Cscript src="{tpl_url}/js/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
<script src="{tpl_url}/js/demo.js"></script>
<script src="{tpl_url}/js/modernizr.custom.34807.js"></script>
<script> if(!Modernizr.csstransforms3d) document.getElementById('information').style.display = 'block'; </script>
3.Теперь сам блок с меню:
Код:
 <div id="dock-wrapper">
<div class="dock">
<div class="dock-front">
<img src="{tpl_url}/images/arrow-up.png" alt="Arrow Up" id="arrow-up">
</div>
<div class="dock-top">
<img src="{tpl_url}/images/arrow-down.png" alt="Arrow Down" id="arrow-down">
</div>
</div>
<div class="item">
<span><img src="{tpl_url}/images/launcher-pro.png" width="60"></span>
<span><img src="{tpl_url}/images/2do.png" width="60"></span>
<!-- to n icon -->
</div>
</div>
Вот и все ,наслаждаемся менюшкой,незабываем у кого уже подключен jquery повторно подключать не надо,и при заливке в шаблон осторожно,чтобы не было замены файлов,если есть одинаковые файлы лучше переименуйте и исправьте в коде имена,будут проблемы пишите

Тэги: css,, меню, навигация,

 


Самый-самый блог
Блогер ЖЖ все стерпит
ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.