Прикрепить рисунок к пунктам меню

[xUnicornx]

Привет всем. У меня возникла задача сделать вывод модуля mainmenu ввиде рисунка. Так как рисунок фиксированого размера, а пункты меню могут быть разного размера у меня возникают некоторые вопросы по этой теме: как это сделать?

[mohax]

Привет всем. У меня возникла задача сделать вывод модуля mainmenu ввиде рисунка. Так как рисунок фиксированого размера, а пункты меню могут быть разного размера у меня возникают некоторые вопросы по этой теме: как это сделать?

1) Создать в админке меню. Но не выводить его на сайт с помощью модуля.
2) С помощью модуля "Произвольный HTML-код" повтыкать картинки и сделать их ссылками на пункты меню. Можно использовать компонент Linkr для облегчения работы.

[xUnicornx]

Это я и сам додумался. А так что б сделать эти картинки в модуле меню, все на сирийное производство поставить?

[GDV]

Вообще то такое меню нужно самому делать в шаблоне. А в CSS банграунтами подставлять рисунок. Если у каждого меню свой рисунок, то и каждому меню нужен свой класс. И каждому класу свой банграунд.

[mohax]

Это я и сам додумался. А так что б сделать эти картинки в модуле меню, все на сирийное производство поставить?

Тогда как сказал GDV.

[xUnicornx]

Ок, спасибо за идеи

[andrejdi]

Я в недалеком прошлом сделал немного по другому. Нарисовал меню, а потом сделал Изображение-Карту. Как это сделать http://design.originweb.info/html/image_map.html

[staticlight]

Модуль, выводящий меню только картинками с возможностью "hover"-картинки.
http://www.dart-creations.com/joomla/joomla-modules/joomla-main-menu-images-module.html

[GDV]

Что то новое. И как работает? Можно ссылочку в студию вашего сайта.

Я в недалеком прошлом сделал немного по другому. Нарисовал меню, а потом сделал Изображение-Карту. Как это сделать http://design.originweb.info/html/image_map.html

[andrejdi]

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

Хотя... если только вечером, после 20.00 на время подменю шаблон для показа 

[xUnicornx]

Я в недалеком прошлом сделал немного по другому. Нарисовал меню, а потом сделал Изображение-Карту. Как это сделать http://design.originweb.info/html/image_map.html

Это ведь старый способ хтмл. Когда еще только начинал учить хтмл, то помню этот способ.

[GDV]

Для меня это что то новое. В смысле не использовал никогда.

[staticlight]

Для меня это что то новое. В смысле не использовал никогда.

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

[GDV]

А на кой оно. Каскадные стили для кого придумали. Мне легче верстануть меню как мне нужно и все красоты в стилях навести. С картинками кстати так же. А по хорошему тут и спрайт напрашивается. Вообще всего одна картинка будет.
Не вижу смысла в этой фишке. Если честно. Возможно я и ошибаюсь. Я не настолько матерый ваятель.

[xUnicornx]

От я вставляю рисунки через хтмл-код, а они у меня все ровняются по первому рисунку. И так как рисунки не одной высоты, то изображение выходит прыгающим. Как устранить этот дефект?


А мне нужно, что б все было на одном уровне.

[GDV]

сделать картинки одинаковым размером. Что бы центр картинки был как раз в одном уровне. Т.е. при наложении друг на друга центр совпадал.

[GDV]

Фон разным цветом специально выделил что бы быстрее дошло.

[xUnicornx]

И опять мне это понятно;) Но заказчик есть заказчик и он хочет именно такие картинки. И вот афоризм на эту тему: "Женская логика — это твердая уверенность в том, что любую объективную реальность можно преодолеть желанием."

[xUnicornx]

Проще убрать эти побрякушки и оставить одни рамки. Но нужно сделать с носками, книгами и тп

[GDV]

Вы не поняли. Увеличите высоту фона картинки ровно на столько что бы соединяя обе картинки рамка совпадала. Фон я специально покрасил цветом. Потому что прозрачный фон не будет виден на примере.

[xUnicornx]

И с прозрачным фоном это тоже сработает?

[DaVinchy]

И с прозрачным фоном это тоже сработает?

так с прозрачным и надо!

[GDV]

Вроде понятно объяснил. Что тут не понятного?

[mohax]

  Наш дизайнер посмеялсо...

[GDV]

Да... что то на стёб похоже.

[xUnicornx]

никакого стеба. Просто переспрашивал

[xUnicornx]

Спасибо, помогло 

[GDV]

Так не кто и не сомневался. А спасибо... ну тут уже я точно плюс заработал. Даже фотошоп запускал.

[xUnicornx]

Вот последний штрих надо добавить: что бы рисунок-ссылка имитировал нажатие и эти свистелки(носок книжка) делали движение: носок - покачивался, книжка - переворачивалась, звоно - покачивался и тд..

Как это можно организовать?

[DaVinchy]

Вот последний штрих надо добавить: что бы рисунок-ссылка имитировал нажатие и эти свистелки(носок книжка) делали движение: носок - покачивался, книжка - переворачивалась, звоно - покачивался и тд..
Как это можно организовать?

Каким-нибудь образом прикрутить сюда jquery

[xUnicornx]

А плюсы тут можно в неограниченом количестве ставить?

[Efanych]

А может так получится?
<img src="images/stories/1.png"  onmouseover="this.src='images/stories/1.gif';" onmouseout="this.src='images/stories/1.png';"  />

[DaVinchy]

А плюсы тут можно в неограниченом количестве ставить?

Не знаю. А вы попробуйте

[Efanych]

С помощью модуля "Произвольный HTML-код" повтыкать картинки и сделать их ссылками на пункты меню.

А так что б сделать эти картинки в модуле меню, все на сирийное производство поставить?

Всё равно в каждом конкретном случае item будет отличаться.
Имхо такое меню лучше не модулем выводить

[xUnicornx]

Сделал я все модулем хтмл кода и в нем добавил просто рисунки как ссылки. Теперь мне надо эти рисунки чуть прикрасить в плане эфектов.

[xUnicornx]

Каким-нибудь образом прикрутить сюда jquery

А какое-то пособие для нуба есть на эту штуку?

[GDV]

Раз уже через произвольный HTML прикрутили. То самый простой вариант сделать .gif динамический.

[DaVinchy]

Раз уже через произвольный HTML прикрутили. То самый простой вариант сделать .gif динамический.

Кстати да.
Чет меня вечером какие-то бредовые мысли посещают

[GDV]

Всё равно в каждом конкретном случае item будет отличаться.
Имхо такое меню лучше не модулем выводить

Об этом писал ранее. Каждому итему свой класс и в CSS колдуй. Но человек вывел через модуль.

[mohax]

Я так понял, надо чтобы при наведении мыши на определенную картинку она становилась динамической? а при отведении мыши опять статической?
Если сделали через модуль HTML, то удобнее способ предложенный Efanych
Но гибче и лучше было бы сделать как говорил GDV. Тогда по ховеру можно бэкграунд подменять. Все зависит от желания и возможностей.

[andrejdi]

Что то новое. И как работает? Можно ссылочку в студию вашего сайта.

GDV, вот теперь можно глянуть в действии www.play-planet.ru маленькие картинки в хедере (телевизор, наушники и т.д) ведут в соответствующую категорию. Кнопка на "попке" тоже задействована.

[xUnicornx]

Спасибо за советы. Будет время - попробую способ Efanych.