Хак Responsive CSS3 Off-Canvas Menu

Категория: Хаки DLE » Сборник разных хаков
Хак Responsive CSS3 Off-Canvas Menu
Продуманный и шикарный хак dle Responsive CSS3 Off-Canvas Menu не использует javascript скрипты JS, все сделано на стилях CSS3 с 10 видами всплывающего меню, разными блоками.


Дизайн для сайта DataLife Engineменю Responsive CSS3 Multi-Level, Off-Canvas Menu (no javascript) выполнен современно. Responsive CSS3 Multi-Level, Off-Canvas Menu вы с легкостью вы можете добавить в шаблоны для DLE. www.dle9.com

A CSS-only, responsive menu that;
Скачать на http://www.dle9.com/ все для сайта dle меню хак:
  • 80
Рубрика: DLE хаки » Разные навороты
Ранее » Обновлённая палитра цветов для DLE« Далее Классные смайлы Emotions для DLE
Добавление комментарияОставить комментарий
  • № :4
  • 15 апреля 2015 12:32
Цитата: kir10
1.10.3

.Помогите пожалуйста сделать такое же меню как у вас на главной странице сайта с выпадающими подкатегориями

Это настроено с помощью движка нужно новость целую писать, чтобы объяснять, а меню взята из у гугула панели вебмастра )))) Остается взять с сайта и настроить, настраивается при помощи тегов
[not-category=3,28,48]<a title="Хаки навороты для улучшение работы движка" href="/haki/">Хаки</a>[/not-category]
[category=3,28,48]<span>Хаки Dle</span>
<ul class="navi"> [not-category=48]  
<li><a title="Хак для dle" href="/haki/hak-dle/">Хак Dle</a></li>[/not-category][not-category=28]
<li><a title="Хаки разные" href="/haki/haki-other/">Разные хаки</a></li>[/not-category]
</ul>[/category]


вот кусок кода , где категории в которых не должен появляться текст и должен подробно читайте в документации в движке Documentation/readme.chm об этих тегах
  • № :3
  • 15 апреля 2015 11:44
1.10.3

.Помогите пожалуйста сделать такое же меню как у вас на главной странице сайта с выпадающими подкатегориями
  • № :2
  • 23 ноября 2014 06:50
Цитата: hosterzone
как его установить?

папку assets добавляете в свой шаблон

берете любой понравившийся пример, например theme-01.html
между тегами < body > код < / body > добавляете в подходящее место вашего шаблона main.tpl

В этот же файл main.tpl между < head > и < /head > откроете шабллон шаблон увидите похожие строчки кода, добавляете следующее

<link href="../../../fonts.googleapis.com/css-family=Lato-400,100,300,700,900.css&
#34; rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="{THEME}/assets/css/style.css" > <link rel="stylesheet" type="text/css" href="{THEME}/assets/css/themes.css" > <link rel="stylesheet" type="text/css" href="{THEME}/assets/css/demo.css" > <!--[if lt IE 9]> <style> /* #### - css for IE8 and under - also copy the css for the desktop menu here for IE7/8 compatibility #### */ /* copy and paste desktop menu css here */ #menu ul li a { padding-right:1.5em } /* remove extra space previously reserved for pseudo content (right/down arrows) */ #menu ul li a:after { content:"" } /* remove pseudo content (right/down arrows) */ </style>
  • № :1
  • 22 ноября 2014 19:02
как его установить?