Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «навигация»
Интересная реализация меню для сайта 2014-02-23 14:50:26
Сегодня расскажу как установить Multi Leve lPush Menu ,меню отлично подойдет на сайт где надо ...
+ развернуть текст сохранённая копия
Сегодня расскажу как установить Multi Leve lPush Menu ,меню отлично подойдет на сайт где надо скрывать его. Итак приступим 1.Скачиваем исходник [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам basichtml.zip (9.97 Kb)[/is-logged] ,распаковываем и заливаем в папку с вашим шаблоном.
2.В head main.tpl подключаем стили и скрипты отвечающие за вывод иконок
Код: <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.min.css">
<link rel="stylesheet" href="{tpl_url}/css/jquery.multilevelpushmenu.css">
<link rel="stylesheet" href="{tpl_url}/css/basichtml.css">
<script type="text/javascript" src="http://oss.maxcdn.com/libs/modernizr/2.6.2/modernizr.min.js"></script> 3 Код самого меню
Код: <div id="menu">
<nav>
<h2><i class="fa fa-reorder"></i>Все категории</h2>
<ul>
<li>
<a href="#"><i class="fa fa-laptop"></i>девайсы</a>
<h2><i class="fa fa-laptop"></i>девайсы</h2>
<ul>
<li>
<a href="#"><i class="fa fa-phone"></i>Mobile Phones</a>
<h2><i class="fa fa-phone"></i>Mobile Phones</h2>
<ul>
<li>
<a href="#">Super Smart Phone</a>
</li>
<li>
<a href="#">Thin Magic Mobile</a>
</li>
<li>
<a href="#">Performance Crusher</a>
</li>
<li>
<a href="#">Futuristic Experience</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-desktop"></i>Televisions</a>
<h2><i class="fa fa-desktop"></i>Televisions</h2>
<ul>
<li>
<a href="#">Flat Super Screen</a>
</li>
<li>
<a href="#">Gigantic LED</a>
</li>
<li>
<a href="#">Power Eater</a>
</li>
<li>
<a href="#">3D Experience</a>
</li>
<li>
<a href="#">Classic Comfort</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-camera-retro"></i>Cameras</a>
<h2><i class="fa fa-camera-retro"></i>Cameras</h2>
<ul>
<li>
<a href="#">Smart Shot</a>
</li>
<li>
<a href="#">Power Shooter</a>
</li>
<li>
<a href="#">Easy Photo Maker</a>
</li>
<li>
<a href="#">Super Pixel</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-book"></i>Magazines</a>
<h2><i class="fa fa-book"></i>Magazines</h2>
<ul>
<li>
<a href="#">National Geographics</a>
</li>
<li>
<a href="#">The Spectator</a>
</li>
<li>
<a href="#">Rambler</a>
</li>
<li>
<a href="#">Physics World</a>
</li>
<li>
<a href="#">The New Scientist</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-shopping-cart"></i>Store</a>
<h2><i class="fa fa-shopping-cart"></i>Store</h2>
<ul>
<li>
<a href="#"><i class="fa fa-tags"></i>Clothes</a>
<h2><i class="fa fa-tags"></i>Clothes</h2>
<ul>
<li>
<a href="#"><i class="fa fa-female"></i>Women's Clothing</a>
<h2><i class="fa fa-female"></i>Women's Clothing</h2>
<ul>
<li>
<a href="#">Tops</a>
</li>
<li>
<a href="#">Dresses</a>
</li>
<li>
<a href="#">Trousers</a>
</li>
<li>
<a href="#">Shoes</a>
</li>
<li>
<a href="#">Sale</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-male"></i>Men's Clothing</a>
<h2><i class="fa fa-male"></i>Men's Clothing</h2>
<ul>
<li>
<a href="#">Shirts</a>
</li>
<li>
<a href="#">Trousers</a>
</li>
<li>
<a href="#">Shoes</a>
</li>
<li>
<a href="#">Sale</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Jewelry</a>
</li>
<li>
<a href="#">Music</a>
</li>
<li>
<a href="#">Grocery</a>
</li>
</ul>
</li>
<li>
<a href="#">Collections</a>
</li>
<li>
<a href="#">Credits</a>
</li>
</ul>
</nav>
</div> 3.Перед /body подключаем скрипт самого меню и квели
Код: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="{tpl_url}/js/jquery.multilevelpushmenu.min.js"></script>
<script type="text/javascript" src="{tpl_url}/js/basichtml.js"></script> Вот и все пользуемся,больше вариантов на сайте источнике,кому что не понятно пишем комментарии,отвечу всем.
Тэги: меню, навигация
Nokia на MWC-2014: официальное приложение 2014-02-20 17:00:44
В Магазине Windows Phone - ставший уже традиционным релиз. Приложение MWC 2014 ...
+ развернуть текст сохранённая копия
В Магазине Windows Phone - ставший уже традиционным релиз. Приложение MWC 2014 является гидом по Всемирному мобильного конгрессу от Nokia.
Тэги: mwc-2014, nokia, phone, windows, конкурс, мультимедиа, навигация/путешествия, новости, приложения, социальные
Garmin: новинки для дрессировщиков, охотников и автомобилистов 2014-02-18 18:23:26
Американская компания Garmin анонсировала в России обновленную линейку своих устройств – ...
+ развернуть текст сохранённая копия
Американская компания Garmin анонсировала в России обновленную линейку своих устройств – именно они составят костяк ее модельного ряда в 2014 году. Любопытно, что в число новинок не входят классические автомобильные навигаторы. Впрочем, оно и понятно, ведь сейчас практически любой современный смартфон или планшетный компьютер оснащен спутниковым GPS-приемником, поэтому «стандартные» навигаторы с каждым днем теряют свою популярность и актуальность.
 mg-01-lg.jpg
читать дальше
Тэги: garmin, gps, навигация, новость
BMW Road Map Europe NEXT 2014-1 2014-02-12 21:04:08
... > Обновление карт навигации для CIC BMW ...
+ развернуть текст сохранённая копия
Обновление карт навигации для CIC BMW Road Map Europe NEXT 2014 (новые CIC на GPU NVIDIA). Карты 2014 года для новых CIC на основе NVIDIA GPU, для большинства новых моделей, включая 7-Series, 5-Series, 3-Series, 1-Series, Mini Cooper line and X-Series of sports activity vehicles.
Тэги: карты,, навигация
BMW Road Map Europe NEXT 2014-1 2014-02-11 23:24:27
... программе: Обновление карт навигации для CIC BMW ...
+ развернуть текст сохранённая копия
 О программе: Обновление карт навигации для CIC BMW Road Map Europe NEXT 2014 (новые CIC на GPU NVIDIA). Карты 2014 года для новых CIC на основе NVIDIA GPU, для большинства новых моделей, включая 7-Series, 5-Series, 3-Series, 1-Series, Mini Cooper line and X-Series of sports activity vehicles.
Тэги: карты,, навигация, софт,
Главная / Главные темы / Тэг «навигация»
|
Взлеты Топ 5
Падения Топ 5
|
