Хак Responsive CSS3 Off-Canvas Menu


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


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

A CSS-only, responsive menu that;
Скачать на https://dle9.com/ все для сайта dle меню хак:

Responsive-CSS3-Off-Canvas-Menu.rar [78,16 Kb] (cкачиваний: 277)
  • 80

Комментарии 4

dle9.com от 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 об этих тегах
kir10 от 15 апреля 2015 11:44
1.10.3

.Помогите пожалуйста сделать такое же меню как у вас на главной странице сайта с выпадающими подкатегориями
dle9.com от 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="/templates/Default/assets/css/style.css" >
<link rel="stylesheet" type="text/css" href="/templates/Default/assets/css/themes.css" >
<link rel="stylesheet" type="text/css" href="/templates/Default/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> 
hosterzone от 22 ноября 2014 19:02
как его установить?
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent