prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для DataLife Engine » DLE хаки » ХАК для вывода категорий и подкатегорий в вертикальное меню средсвами css

ХАК для вывода категорий и подкатегорий в вертикальное меню средсвами css


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно ХАК для вывода категорий и подкатегорий в вертикальное меню средсвами css.


ХАК для вывода категорий и подкатегорий в вертикальное меню средсвами css



Данный ХАК выводит категории сайта в меню средствами css

Тестировалось на DLE8.3

1) Открываем index.php (блокнотом или др.)
2) Ищем

$tpl->set('{AJAX}', $ajax);


3) Вставляем выше(вариант с подкатегориями 1-го уровня с кеш)

#-----------------------------------------#
if(file_exists(ENGINE_DIR.'/cache/cat_menu.tmp'))
{
   $cat_menu=file_get_contents(ENGINE_DIR.'/cache/cat_menu.tmp');
}
   else
{
   $sql_result = $db->query("SELECT id,alt_name,name,parentid FROM " . PREFIX . "_category WHERE parentid=0 ORDER BY posi");

   $cat_menu='<div id="menu">';
   $cat_menu.='<ul>';
   $cat_menu.='<li><a href="'.$config['http_home_url'].'" ><b>'.'Главная'.'</b></a></li>';
  
   while($row = $db->get_row($sql_result))
   {  

      $res = $db->query("SELECT id,alt_name,name,parentid FROM " . PREFIX . "_category WHERE parentid='".$row['id']."' ORDER BY posi");
    
if ($db->num_rows($res)>=1)
{
$cat_menu.='<li><a class="fly" href="'.$config['http_home_url'].$row['alt_name'].'/" alt="'.$row['descr'].'"><b> '.$row['name'].'<!--[if gte IE 7]><!--></b></a><!--<![endif]-->';
} else {
$cat_menu.='<li><a href="'.$config['http_home_url'].$row['alt_name'].'/" alt="'.$row['descr'].'"><b> '.$row['name'].'<!--[if gte IE 7]><!--></b></a><!--<![endif]-->';

        }

$cat_menu.='<!--[if lte IE 6]><table><tr><td><![endif]-->';
$cat_menu.='<ul class="level2">';
      while($row2 = $db->get_row($res))
      {


        
        $cat_menu.='<li> <a href="'.$config['http_home_url'].$row2['alt_name'].'/" alt="'.$row2['descr'].'"><b>'.$row2['name']."</b></a></li>";
        
      }
        $cat_menu.='</ul>';
        $cat_menu.='<!--[if lte IE 6]></td></tr></table></a><![endif]-->';
    $cat_menu.='</li>';    

   }

$cat_menu.='<li><a href="'.$config['http_home_url'].'feedback.html" >'."Обратная связь"."</span></a></li>";
$cat_menu.='<li><a href="'.$config['http_home_url'].'statistics.html" >'."Статистика"."</span></a></li>";
$cat_menu.='<li><a href="'.$config['http_home_url'].'rules.html" >'."Правила"."</span></a></li>";
$cat_menu.='<li><a href="'.$config['http_home_url'].'yasitemap" >'."Карта сайта"."</span></a></li>";


   $cat_menu.='</ul>';
   $cat_menu.='</div>';
   file_put_contents(ENGINE_DIR.'/cache/cat_menu.tmp',$cat_menu);
}
$tpl->set('{cat_menu}', $cat_menu);
#-----------------------------------------#

Сохраняем.

Создаем файл css - dropdown.css ложим в каталог style вашей темы
Содержимое

#menu {position:relative; z-index:500;}
#menu ul {padding:0; margin:0; list-style:none; width:90%; padding:5px; background:transparent;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {width:98%; background:transparent;background: url("../images/quick_menu.png") no-repeat left top;}
* html #menu ul li {float:left;}
#menu ul li a {display:block; width:98%; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif;color: #ff9209;font-weight: bold; text-decoration:none; background: url("../images/quick_menu.png") no-repeat left top; clear:left;}

/*#menu ul li a.fly {background: url("../images/quick_menu.png") no-repeat left top;}*/
#menu ul li a.fly {background: url(../images/arrow.gif) no-repeat 95% center;}


#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#89a; color:#fff; border-color:#89a; position:relative;}
#menu ul li:hover > a {background:#ffa507; color:#ffffff; border-color:#89a;}

#menu ul :hover ul,
#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:100%; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul,
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}


Открываем main.tpl вышего шаблона перед дописываем
<link rel="stylesheet" media="all" type="text/css" href="/templates/Simple/style/dropdown.css" />


и в нужное Вам место для меню пишем
{cat_menu}


Если не корректно отображается список - проверьте файл стилей main.css
найдите

ul li {
    margin: 5px 0; padding: 0px 0 0px 14px;
    list-style-type: none;
    background: transparent url("../images/li.gif") no-repeat left 5px;
}


и заменить на это

ul li {
    margin: 0px 0; padding: 0px 0 0px 0px;
    list-style-type: none;
    
}


+1
Просмотры: 23122 VIP ProWebber | Комментарии (12)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1mpgroup

  • 16 января 2010 13:35
  • Регистрация: 16.01.2010
  • ICQ: --
  • Комментариев: 33
надо будет попробывать замутить

0

#2dimon9855

  • 16 января 2010 14:49
  • Регистрация: 1.10.2009
  • ICQ: 44226844
  • Комментариев: 2
а на ucoze??? можно сделать

0

#31nokia

  • 16 января 2010 14:50
  • Регистрация: 1.12.2009
  • ICQ: 1
  • Комментариев: 106
dimon9855, можно, только выводить категории нужно будет вручную. Могу дать в личку пример.

0

#4explOit

  • 16 января 2010 19:39
  • Регистрация: 16.11.2009
  • ICQ: --
  • Комментариев: 271
класс, понравилось вообще, спасибо!

--------------------

0

#5Rusiant

  • 28 января 2010 22:28
  • Регистрация: 3.12.2009
  • ICQ: --
  • Комментариев: 15
Вполне крутая затея!

0

#6nsdss

  • 12 февраля 2010 11:47
  • Регистрация: 10.01.2010
  • ICQ: --
  • Комментариев: 457
Интересно, как вам можно ВООБЩЕ понравится, если тут ошибка есть, а про нее даже никто не написал?!
Обратите внимание на пункт 3.
Если бы мог отредактировать новость - сделал бы норм, а так просите об этом модеров или админа

--------------------

+1

#7MrParadise

  • 22 февраля 2010 23:58
  • Регистрация: 29.01.2010
  • ICQ: 374701982
  • Комментариев: 70
просто в пункте 3 вместо <link rel="stylesheet" media="all" type="text/css" href="/templates/Simple/style/dropdown.css" />

надо вот это

<style type="text/css" media="all">
@import url({THEME}/css/dropdown.css);
</style>
но как сделать чтоб меню выпадало то есть какую ссылку написать

--------------------

+1

#8SadisT_UA

  • 23 февраля 2010 00:42
  • Регистрация: 23.02.2010
  • ICQ: --
  • Комментариев: 10
Прикольно,на некоторых сайтах видил. Есть 1 бок если у вас рекламма или флв банер,то она будет закрывать менюху.

0

#9scareface

  • 26 февраля 2010 11:28
  • Регистрация: 7.02.2010
  • ICQ: --
  • Комментариев: 17
а на движке 8.2 пойдет?

--------------------

0

#10Qube

  • 27 февраля 2010 15:22
  • Регистрация: 22.12.2009
  • ICQ: 365490930
  • Комментариев: 119
Помогите устранить проблему, меню подкатегорий полностью не вылазит

_http://s03.radikal.ru/i176/1002/3e/5d2b44befc32.png

0

#11inventor69

  • 6 февраля 2011 17:17
  • Регистрация: 28.11.2010
  • ICQ: --
  • Комментариев: 53
А есть такой аналог на 9.2?

0

#12Mihran

  • 10 сентября 2012 14:35
  • Регистрация: 15.09.2009
  • ICQ: --
  • Комментариев: 4
А как его реализовать на 9.* Версиях ?

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки