Верхнее выпадающее меню как у Вас на форуме

[lesovod]

Добрый день. 
Подскажите пожалуйста как у Вас реализовано верхнее выпадающее меню? Это что то стороннее (если да то что?) или ручками писаное ...

Понравилось хотел бы такое же ... 

[€ D-rA]

[lesovod]

Большое спасибо... сейчас попробую

[WOLF]

ищите promenu

[Respected]

Да, на ProMenu такое тоже сделать можно, но у нас реализовано ручками, мы любим трудности

[AUS]

поставил promenu plus 2.1.5 



но получил вот такой результат  

как сделать что бы не было этого "Больше" - а все меню стояли в ряд ? 

[Respected]

как сделать что бы не было этого "Больше" - а все меню стояли в ряд ? 

Воспользоваться поиском:

[AUS]

Воспользоваться поиском

спасибо! удалил в 

globalTemplate

 

 

<li id='nav_other_apps' style='display: none'>
<a href='#' class='ipbmenu' id='more_apps'>{$this->lang->words['more_apps']} <img src='{$this->settings['img_url']}/useropts_arrow.png' /></a>
</li>

всё работет 

[Respected]

В globalTemplate после кода:

{IPSLib::getAppTitle($data['app_dir'])}</a>

Добавляем условие:

<if test="$data['app_dir'] == 'forums'">
<ul class='nav'>
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
</ul>
</if>

То есть подменю откроется у вкладки меню Форумы.

CSS не составит труда скопировать из исходного кода страницы.

[Insider]

Respected, выглядит как обычный HTML код ))) так и знал, что сложнее не будет  

[Kinkl]

Спасибо огромное, теперь структура понятна! Но проблема появилась, CSS вроде скопировал для проверки, но почему-то не выпадает меню... Если без CSS сделать, то видны пункты выпадающего меню рядом с главным пунктом самого меню, что наводит на мысль, что установлено все верно. Но как заставить выпадать его. Я правильно скопировал код?

#community_app_menu ul {
    background: none repeat scroll 0 0 #0E87B8;
    left: -9999px;
    list-style: none outside none;
    opacity: 0;
    position: absolute;
}
#community_app_menu ul li {
    float: none;
}
#community_app_menu ul a {
    display: block;
    white-space: nowrap;
}
#community_app_menu li:hover ul {
    background: none repeat scroll 0 0 #FF0000;
    left: 0;
    opacity: 1;
}

#community_app_menu li ul li a {
    background: none repeat scroll 0 0 #1C2431 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}
#community_app_menu li ul.nav {
    border-top: 3px solid #0B83B3;
    width: 200px;
    z-index: 1000;
}
#community_app_menu li ul a {
    color: #FFFFFF;
    font-size: 14px;
    padding: 7px;
}
#community_app_menu li:hover ul a {
    text-decoration: none;
}
#community_app_menu li:hover ul li a:hover {
    background: none repeat scroll 0 0 #0B83B3 !important;
    text-decoration: none;
}
#community_app_menu li ul li a:before {
    border: medium none;
    content: "";
    font-family: 'FontAwesome';
    font-size: 11px;
    font-weight: normal;
    left: 7px;
    margin-right: 8px;
    top: 7px;
}

[Insider]

    content: "";
 

[Kinkl]

Insider, это я так понимаю для FontAwesome сделано

[Respected]

Kinkl,надо смотреть на сайте, заочно трудно что-то предположить 

[Kinkl]

В общем, спустя аж 2 дня мне удалось заставить работать все это дело. Сегодня правил косяк отображения на хроме, меню "двоилось", еле нашел причину. Обрадовался, но рано. Хотел было вздохнуть спокойно - ан нет, теперь конфликтует с парой хуков, а именно:

• community.invisionpower.com/files/file/2892-dp33-new-content-counter/
• community.invisionpower.com/files/file/4420-pending-files-counter-in-ipdownloads-tab/

Также двоится, но уже на всех браузерах. Причину я  в общем то нашел, меню если что вот с этого скина: www.ipbfocus.com/premade/shift/ Обратите внимание на строение этого меню, там есть подписи под пунктами. Так вот, там все хитро устроено, что каким-то образом класс настроен так, что хук думает что это и есть основной пункт меню, и цепляется за него, вызывая тем самым его съезд вниз. Как побороть уже не знаю и если честно не хочу, так как 3 дня убил впустую, и вернулся с того, с чего начал. Лучше бы вообще ничего не делал.

Первый скрин - работает счетчик, но не выпадает меню, второй скрин - работает счетчик, но меню становится корявое и пункты двоятся. Вот такие дела...