Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 25 Ответов
  • 4121 Просмотров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Многоуровневое меню
« : 17.10.2013, 23:28:28 »
На днях установил Joomla 3.1.5. Осваиваю. Вот, пытался сделать многоуровневое меню на основе Main menu. Ничего не получилось. Пункты глубже 2-го уровня не отображаются. Почему? Как это обойти?
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #1 : 17.10.2013, 23:34:41 »
А в настройках модуля что стоит?


Если все как на скрине - смотрите код через FireBug, возможно, что Ваш шаблон не отображает больше 2-х уровней (в CSS запрет, вроде ul.menu ul ul {display: none; }
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #2 : 18.10.2013, 00:24:05 »
Да, всё стоит как на скрине. Шаблон базовый. Какой файл CSS и где его посмотреть?
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #3 : 18.10.2013, 00:34:38 »
Да, всё стоит как на скрине. Шаблон базовый. Какой файл CSS и где его посмотреть?

FireBug ставим. Кликаем правой клавишей мыши по нужному объекту (у нас - это меню, которое не хочет отображать подуровни), "инспектировать элемент с помощью FireBug", смотрим html-разметку и CSS

UPD:
и "базовый" - это какой (название)?
У некоторых и скачанный из сети базовый.
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #4 : 18.10.2013, 08:07:07 »
В templates/protostar/css/template.css нашёл такой раздел:
Код
.navigation .nav-child {
position: absolute;
top: 95%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 0px 0px 0;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

если закомментировать display: none; , то все вложенные пункты отображаются сразу.
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #5 : 18.10.2013, 08:12:59 »
Respect и уважуха
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #6 : 18.10.2013, 08:33:22 »
если закомментировать display: none; , то все вложенные пункты отображаются сразу.

а надо бы, что бы выпадали при наведении указателя мышки.

Фаир-баг поставил. Но толку?

При раскомментированном display: none; пункты 3-го уровня вложены в пункты 2-го, но не отображаются...
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #7 : 18.10.2013, 08:48:39 »
а надо бы, что бы выпадали при наведении указателя мышки.

Фаир-баг поставил. Но толку?

При раскомментированном display: none; пункты 3-го уровня вложены в пункты 2-го, но не отображаются...

Вам нужно почитать что такое CSS, в частности :hover
Код
ul ul {display: none; }  // второй уровень списка скрыт по-умолчанию
ul li:hover ul {display: block; } // показывать список второго уровня, при наведении мыши на элемент списка первого уровня к которому он относиться

Дальше самостоятельно разберетесь? ;)
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Многоуровневое меню
« Ответ #8 : 18.10.2013, 11:46:36 »
Вам нужно почитать что такое CSS, в частности :hover
Код
ul ul {display: none; }  // второй уровень списка скрыт по-умолчанию
ul li:hover ul {display: block; } // показывать список второго уровня, при наведении мыши на элемент списка первого уровня к которому он относиться

Дальше самостоятельно разберетесь? ;)
там надо не забыть, что создав условие для второго уровня, оно будет наследоваться и третьим уровнем, помимо условии созданных именно для третьего уровня и т.д., увы и ах.
во жути нагнали, да?)))
щас вспомнил, как первый раз лет 20))) назад))) решал похожую задачку...
далее идет занятная история борьбы с CSS (осторожно, контент+18, и много букв)) ):
Спойлер
[свернуть]
намек понятен?)))
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Многоуровневое меню
« Ответ #9 : 18.10.2013, 12:43:23 »
Код
ul > li:hover > ul {display: block; }
и ничего наследоваться не будет
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #10 : 18.10.2013, 13:03:13 »
Цитировать
Как хорошо уметь читать!
Не надо к маме приставать,
Не надо бабушку трясти:
«Прочти, пожалуйста! Прочти!»
Не надо умолять сестрицу:
«Ну, почитай ещё страницу».
Не надо звать,
Не надо ждать,
А можно взять
И почитать!

Что мешает почитать и сделать, тем более направление было задано CSS, ul, li, hover ?

Пример, сделанный под структуру стандартного модуля меню Joomla: http://artelweb.ru/files/menu-a/
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #11 : 18.10.2013, 13:49:11 »
пробовал и
Код
.navigation .nav-child ul > li:hover > ul {
display: block;
}
и
Код
.navigation .nav-child ul li:hover ul {
display: block;
}
-- не помогло...
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #12 : 18.10.2013, 14:21:29 »
ссылку на сайт дайте
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #13 : 18.10.2013, 15:30:39 »
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #14 : 18.10.2013, 17:42:02 »
Странно, что у Вас не работает.

пишем код (я подключал второй CSS-кой, после Вашей):
Код
.navigation li:hover > .nav-child,
.navigation .nav-child li:hover > .nav-child {
display: inline-block !important;
}

.navigation li:hover .nav-child .nav-child {
/* display: none !important; */
}

.navigation .nav-child li {
display: block; position: relative;
}


.navigation .nav-child .nav-child:before,
.navigation .nav-child .nav-child:after { display: none; }


.navigation .nav-child .nav-child {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 160px;
    list-style: none outside none;
    margin: 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: -5px;
    z-index: 1000;
}

.navigation .nav-child li:hover {
    background-color: #0081C2;
    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
}

Проверено в браузерах:
Хром Версия 30.0.1599.101 m
"Лиса" 24.0
Opera 12.15 (сборка:1748)


Демо (html-код меню взят с Вашего сайта): http://artelweb.ru/files/menu-a/

В "осле" НЕ проверял, сами глянете и при необходимости "допилите".

(Ctrl + C)  + (Ctrl + V) = ( Йа - тру-веб-девелопер )
(с) 2013, Hавеяно при чтении постов форума. Я.
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #15 : 18.10.2013, 23:20:23 »
Мда..у вас работает. У меня не хочет. Код скопировал, но опять без толку. Проверял в FF 25.0, G-Chrome 30.0.1599.101 m, IE 7.0.5730.13. Может что-то с хостингом? Видимо придётся отказаться от Joomla. Спасибо, что поддержали.
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #16 : 18.10.2013, 23:35:36 »
Joomla тут не причем.

Куда код вставляли?
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #17 : 22.10.2013, 12:23:35 »
перед строкой @media (max-width: 480px) { в файле /templates/protostar/css/template.css
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #18 : 22.10.2013, 12:25:07 »
http://rk6lzq.qrv.su/templates/protostar/css/template.css - тут можно посмотреть.
« Последнее редактирование: 22.10.2013, 12:29:07 от askaev »
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #19 : 22.10.2013, 12:32:13 »
Ну листинг-то мне зачем? У меня Ваш сайт не установлен и мне он ничего не дает.
я подключал второй CSS-кой, после Вашей

Не пробовали сделать так, как описано было?
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #20 : 22.10.2013, 12:38:00 »
Ну листинг-то мне зачем? У меня Ваш сайт не установлен и мне он ничего не дает.
Не пробовали сделать так, как описано было?

нет -- не знаю как подключить 2-й CSS.
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #21 : 22.10.2013, 12:43:34 »
тогда просто в самый конец Вашего template.css попробуйте код добавить
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

askaev

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Многоуровневое меню
« Ответ #22 : 22.10.2013, 12:49:56 »
тогда просто в самый конец Вашего template.css попробуйте код добавить

о! добавил в самый конец -- заработало!
Что ж там мешало то??

Спасибо.
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Re: Многоуровневое меню
« Ответ #23 : 22.10.2013, 13:55:52 »
Переопределялись стили
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

Cardamon

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Многоуровневое меню
« Ответ #24 : 14.01.2015, 10:01:16 »
artel-st, спасибо  :D !
Все работает!
*

Hloja_Blimm

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Многоуровневое меню
« Ответ #25 : 23.11.2017, 13:43:10 »
Переопределялись стили
Добрый день!
а для 1.5.22 что сделать для решения этой же проблемы?
описанные выше шаги не помогли.
Нужна ли перезагрузка или компиляция? (просто заменила текст в файле - код)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1632
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2203
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 834
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 814
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1085
Последний ответ 20.07.2020, 11:18:44
от kuraev64