[РЕШЕНО] Как сделать выпадающее меню вниз-вправо (см. рис.)

Главные вкладки

Комментарии

Аватар пользователя Ampleev Ampleev 18 февраля 2013 в 11:01

Спасибо за отклик.
Superfish требует jQuery_update module v2.x, а у меня Galleria и SlideShowCS работают только с jQuery_update module v1.1. Может есть другой модуль?
Но это полбеды. Как сделать, чтобы меню 3-го уровня выпадал вправо на всю высоту меню 2-го уровня. То есть как сделать высоту всех выпадающих уровней одинаковой?

Аватар пользователя Ampleev Ampleev 18 февраля 2013 в 16:55

Пробую Nice Menus, Megamenu, Superfish, Block inject to menu и подобное, CSS понемногу учу.
neltharian, подробнее не посоветуете?
А то получается, приходите Вы на форум к автомастерам и спрашиваете: "Как поменять тормозные колодки на моем авто?" А там Вам в ответ: "Учитесь пользоваться ключами, и будет Вам счастье".
Только не обижайтесь, уже все форумы перечитал, готовые CSS-меню и их внедрение, разные модули пробовал. Того, что нужно никак не освою или попросту не вижу.
Megamenu другое, хотя и красивое получается, но не пойму, как сделать уровень вложенности больше трех в нем.
Подскажите хоть что-нибудь дельное?

Аватар пользователя neltharian neltharian 18 февраля 2013 в 18:09

не посоветую.

Так как вопрос лежит не в плоскости Друпала (коему посвящен даный портал) а в плоскости базовых знаний необходимых для самостоятельной разработки сайтов. Если их нет то надо учить, а не просить чтоб за вас все бесплатно сделали.

Сравнение с автомастерской как минимум не коректное.

Ваше меню сделать с помощью CSS довольно легко. И как показывает практика если чегото нет в интернете то или такое невозможно, или оно банально просто.

Аватар пользователя mak-vardugin mak-vardugin 19 февраля 2013 в 3:07

Сам мучался с похожим только было труднее так как там были вьюхи с картинками, долго парился чтоб ЦСС показывалось нормально на разных устройствах. Успехов вам! У вас задача проще( тщательно потыкайте ЦСС в сайте примере)

Аватар пользователя neltharian neltharian 21 февраля 2013 в 0:56

cms для удобного управления контентом а не для наведения красот. кнопки "сделать пиздато" нет ни в одной програме

Аватар пользователя Ampleev Ampleev 21 февраля 2013 в 10:11

)))))
Класс, установлю в админку)
Но Жумла что-то не вставляет.
Я много чего на сайте красивого смог сделать стандартными модулями и их комбинациями, ну и CSS, конечно. Никогда не думал, что меню придется внедрять в шаблон + js + jquery + CSS, если б мог - написал модуль.

Аватар пользователя Ampleev Ampleev 21 февраля 2013 в 14:29

А где этот вопрос? Дайте ссылку на тему. Я подумываю избавиться от некоторых модулей, заменить js-ом. И есть ли стандартные конструкции для кроссбраузерности. Опять же готовые)

Аватар пользователя Ampleev Ampleev 22 февраля 2013 в 15:39

а мож подскажите по CSS?

Есть уже меню с подпунктами, сверху картинки, т е:

Картинка-1____Картинка-2____Картинка-3
Меню-1________Меню-2________Меню-3
Подпункт-1____Подпункт-1____Подпункт-1
Подпункт-2____Подпункт-2____Подпункт-2
Подпункт-3____Подпункт-3____Подпункт-3

Возможно ли смена Картинка-1 на другую/третью в зависимости от того, над каким Подпунктом сейчас курсор мыши?

У каждого элемента свой CSS-класс. Как можно при Подпункт-2:hover или Подпункт-2.OnMouseOver менять .Картинка-1 {background-image: url....} ?

В голове всё перемешалось от последнего курения букварей и мануалов.
Как background у текущего элемента поменять понятно, но как поменять CSS-свойство у элемента при событии на другом?

Прошу не пинать)))

Аватар пользователя Ampleev Ampleev 22 февраля 2013 в 15:47

Та спрайты понятно...

Нельзя же так сделать?

.menu-item1 ul li a:hover {.menu-fon {background-image: url(img-1)}}
.menu-item2 ul li a:hover {.menu-fon {background-image: url(img-2)}}

ну или position менять, если спрайты

Вроде нельзя.

Понятно, что нужно использовать js и обработчик событий. Просто в синтаксисе js не силен, хотя некоторыми ЯП владею. Возможно ли js-ом менять значения свойств CSS?

Аватар пользователя Ampleev Ampleev 22 февраля 2013 в 16:03

Есть li с id=menu-item-8
потом в css есть #menu-item-8 {background-image: url(1); }

Так возможно?

<a href="link" onmouseover="$('menu-item-8').css('background-image','url(2)'">
Текст ссылки</a>
Аватар пользователя neltharian neltharian 22 февраля 2013 в 16:03

"Ampleev" wrote:
Я в их числе))) Нормальное желание, не только при сайтостроении. Автоматизация хуле

клепайте клепайте. за ту исправление той фигни которую вы плодите клиент нормальным разработчикам платит больше

Аватар пользователя Ampleev Ampleev 22 февраля 2013 в 16:08

Я согласен, что нельзя забирать хлеб у нормальных разработчиков. Поддерживаю. Всячески))
А вообще получается обычно так. Сделали нам сайт за круглую сумму, потом надо поменять два пункта меню, идем в CMS, а там всё ручками сделано, без модулей. Теперь чтобы поменять, заплатите еще, потом еще и еще.

Аватар пользователя Ampleev Ampleev 22 февраля 2013 в 16:10

Представьте, что если в 1С при расчете Вам зарплаты надо было бы идти к разработчикам, чтобы добавить новый месяц.

Аватар пользователя neltharian neltharian 22 февраля 2013 в 17:39

по нормальному меню делается так чтоб надо было только добавлять пункт. А все красоты идут в css и если надо js.

Я смотрел на модули которые дают меню разные красоты... они меня разочаровали - занимают память плюс еще в них надо разбиратся.

Аватар пользователя Ampleev Ampleev 22 февраля 2013 в 17:55

Да-да, я уже переделываю все менюхи на сайте. Переопределил функцию menu_tree (готовое решение взял) и добавляю классы к разным меню, остальное CSS. Так даже удобнее. Дальше вьюхи на очереди. Мне эта одна тема мировоззрение поменяла. Друпал вей / нуб вей, видимо, придется нарушить.