1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

Помогите пожалуйста советом как сделать подобное

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

Аватар пользователя jaans jaans 7 апреля 2013 в 15:45

Уважаемые Дамы и Господа прошу не оставить без внимания мой вопрос. Помогите советом каким образом можно реализовать подобное меню.
http://templates.cms-guide.com/41959/main-page
Буду очень признателен за более менее подробное описание как бы вы сделали такое.

Комментарии

Аватар пользователя xSPiRiTx xSPiRiTx 7 апреля 2013 в 16:52

предсказываю вопрос: "это не то меню! мне нужен модуль, который сделает меню с такими же оранжевыми кубиками наверху"

Аватар пользователя roman-yrv roman-yrv 7 апреля 2013 в 17:26

Я думаю, если нужно сделать именно такое меню, то его проще всего сделать руками на этапе темизации.
В цикле выводятся пункты меню верхнего уровня.
И если у определенного пункта есть дочерние элементы меню, то они будут выводиться внизу.
Ну и, естественно, всё это сделать с использованием JQuery.
Кубики и прочее отображать таким же образом.

Аватар пользователя xSPiRiTx xSPiRiTx 7 апреля 2013 в 20:37

"roman-yrv" wrote:
Я думаю, если нужно сделать именно такое меню, то его проще всего сделать руками на этапе темизации.
В цикле выводятся пункты меню верхнего уровня.
И если у определенного пункта есть дочерние элементы меню, то они будут выводиться внизу.
Ну и, естественно, всё это сделать с использованием JQuery.
Кубики и прочее отображать таким же образом.

это конечно хорошо, но такое объяснение не сможет помочь...если человек интересуется как сделать выпадающее меню, то это для него как совет управления самолетом "запускай двигатель, взлетай и опускай шасси"

Аватар пользователя jaans jaans 7 апреля 2013 в 21:11

Для начала всем огромное спасибо что откликнулись. Думаю что многие новички скажут вам спасибо за разъяснения.
Вопрос именно в кубиках. Как сделать горизонтальное меню тут проблем не возникает. Возникает вопрос если делать только с помощью css то как добиться что бы подсвечивались при наведении мышкой как бы верхние части элемента li

Не совсем понимаю поэтапно что и как делать

Аватар пользователя roman-yrv roman-yrv 7 апреля 2013 в 21:18

Думаю, можно сделать "классическим способом" - с помощью JQuery.
id, ширину и т.д. элемента меню мы можем получить - на этот элемент можно при наведении мышки повесить событие, которое будет делать всё, что угодно.
В том числе и менять css у соотв. элемента.

Аватар пользователя jaans jaans 7 апреля 2013 в 21:28

Да уж похоже мне не осилить. Буду искать в интернете хоть что то похожее так как тут черт ногу сломит. Пытался разобраться в коде не помогло.

Аватар пользователя Cynicus Cynicus 8 апреля 2013 в 5:43

"jaans" wrote:
Вопрос именно в кубиках. Как сделать горизонтальное меню тут проблем не возникает. Возникает вопрос если делать только с помощью css то как добиться что бы подсвечивались при наведении мышкой как бы верхние части элемента li

Так firebug или devtool в помощь. В примере подсветка делается изменением цвета границ.
Дефолтное значение:

border-top: 45px solid rgb(238,131,89);
border-right: 0px solid rgb(238,131,89);
border-bottom: 0px solid rgb(238,131,89);
border-left: 0px solid rgb(238,131,89);

И для активных элементов и по ховеру

border-top: 45px solid rgb(66,66,66);
border-right: 0px solid rgb(66,66,66);
border-bottom: 0px solid rgb(66,66,66);
border-left: 0px solid rgb(66,66,66);
Аватар пользователя Chyvakoff Chyvakoff 8 апреля 2013 в 9:08

"xSPiRiTx" wrote:
то не то меню! мне нужен модуль, который сделает меню с такими же оранжевыми кубиками наверху

Ты стебёшся?
Вот тоже например тема, Есть ли модуль, который рисует клеточку с надписью определенным шрифтом?

Аватар пользователя jaans jaans 8 апреля 2013 в 9:38

Спасибо всем кажется до меня дошло как это сделать. Cynicus спасибо насколько я правильно понимаю просто сделан верхний бордер в 45 пикселей.
Спасибо еще раз всем.