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

xUnicornx

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

« Последнее редактирование: 06.05.2011, 14:02:14 от xUnicornx »
*

mohax

  • Давно я тут
  • 901
  • 66 / 3
Re: Прикрепить рисунок к пунктам меню
« Ответ #1 : 06.05.2011, 14:43:50 »
Привет всем. У меня возникла задача сделать вывод модуля mainmenu ввиде рисунка. Так как рисунок фиксированого размера, а пункты меню могут быть разного размера у меня возникают некоторые вопросы по этой теме: как это сделать?
1) Создать в админке меню. Но не выводить его на сайт с помощью модуля.
2) С помощью модуля "Произвольный HTML-код" повтыкать картинки и сделать их ссылками на пункты меню. Можно использовать компонент Linkr для облегчения работы.
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #2 : 06.05.2011, 14:46:03 »
Это я и сам додумался. А так что б сделать эти картинки в модуле меню, все на сирийное производство поставить?:D
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #3 : 06.05.2011, 14:52:44 »
Вообще то такое меню нужно самому делать в шаблоне. А в CSS банграунтами подставлять рисунок. Если у каждого меню свой рисунок, то и каждому меню нужен свой класс. И каждому класу свой банграунд.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

mohax

  • Давно я тут
  • 901
  • 66 / 3
Re: Прикрепить рисунок к пунктам меню
« Ответ #4 : 06.05.2011, 15:13:56 »
Это я и сам додумался. А так что б сделать эти картинки в модуле меню, все на сирийное производство поставить?:D
Тогда как сказал GDV.
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #5 : 06.05.2011, 15:24:22 »
Ок, спасибо за идеи
*

andrejdi

  • Захожу иногда
  • 329
  • 32 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #6 : 06.05.2011, 15:29:09 »
Я в недалеком прошлом сделал немного по другому. Нарисовал меню, а потом сделал Изображение-Карту. Как это сделать http://design.originweb.info/html/image_map.html
*

staticlight

  • Завсегдатай
  • 1086
  • 65 / 0
  • Staticlight
Re: Прикрепить рисунок к пунктам меню
« Ответ #7 : 06.05.2011, 15:32:48 »
Модуль, выводящий меню только картинками с возможностью "hover"-картинки.
http://www.dart-creations.com/joomla/joomla-modules/joomla-main-menu-images-module.html
Руководитель отдела сервисного обслуживания систем безопасности.
Устали от com_content - поставьте com_k2.
TRIPLE "F" POWER: Firefox+FireShot+Firebug. Chrome + Ctrl+Shift+I
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #8 : 06.05.2011, 15:33:20 »
Что то новое. И как работает? Можно ссылочку в студию вашего сайта.
Я в недалеком прошлом сделал немного по другому. Нарисовал меню, а потом сделал Изображение-Карту. Как это сделать http://design.originweb.info/html/image_map.html
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

andrejdi

  • Захожу иногда
  • 329
  • 32 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #9 : 06.05.2011, 15:37:29 »
В действии, к сожалению, уже показать не могу. По просьбе хозяина сайта дизайн был изменен и, соответственно, данное меню накрылось медным тазом за ненадобностью.

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

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #10 : 06.05.2011, 15:39:22 »
Я в недалеком прошлом сделал немного по другому. Нарисовал меню, а потом сделал Изображение-Карту. Как это сделать http://design.originweb.info/html/image_map.html

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

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #11 : 06.05.2011, 15:46:18 »
Для меня это что то новое. В смысле не использовал никогда.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

staticlight

  • Завсегдатай
  • 1086
  • 65 / 0
  • Staticlight
Re: Прикрепить рисунок к пунктам меню
« Ответ #12 : 06.05.2011, 16:03:23 »
Для меня это что то новое. В смысле не использовал никогда.
Ну, самостоятельно ручками задолбаешься такое сделать.
В Дримвьеэре и майкросовтовском "не помню как называется программа" можно такое сделать.
Добавляешь туда картинку, и инструментом "типа полигональное лассо в Фотошопе" выделяешь объект на рисунке и делаешь его ссылкой.
Руководитель отдела сервисного обслуживания систем безопасности.
Устали от com_content - поставьте com_k2.
TRIPLE "F" POWER: Firefox+FireShot+Firebug. Chrome + Ctrl+Shift+I
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #13 : 06.05.2011, 16:08:14 »
А на кой оно. Каскадные стили для кого придумали. Мне легче верстануть меню как мне нужно и все красоты в стилях навести. С картинками кстати так же. А по хорошему тут и спрайт напрашивается. Вообще всего одна картинка будет.
Не вижу смысла в этой фишке. Если честно. Возможно я и ошибаюсь. Я не настолько матерый ваятель.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #14 : 06.05.2011, 21:41:52 »
От я вставляю рисунки через хтмл-код, а они у меня все ровняются по первому рисунку. И так как рисунки не одной высоты, то изображение выходит прыгающим. Как устранить этот дефект?


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

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #15 : 06.05.2011, 21:49:24 »
сделать картинки одинаковым размером. Что бы центр картинки был как раз в одном уровне. Т.е. при наложении друг на друга центр совпадал.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #16 : 06.05.2011, 21:58:02 »

Фон разным цветом специально выделил что бы быстрее дошло.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #17 : 06.05.2011, 22:00:36 »
И опять мне это понятно;) Но заказчик есть заказчик и он хочет именно такие картинки. И вот афоризм на эту тему: "Женская логика — это твердая уверенность в том, что любую объективную реальность можно преодолеть желанием."
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #18 : 06.05.2011, 22:01:58 »
Проще убрать эти побрякушки и оставить одни рамки. Но нужно сделать с носками, книгами и тп
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #19 : 06.05.2011, 22:07:33 »
Вы не поняли. Увеличите высоту фона картинки ровно на столько что бы соединяя обе картинки рамка совпадала. Фон я специально покрасил цветом. Потому что прозрачный фон не будет виден на примере.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #20 : 06.05.2011, 22:12:11 »
И с прозрачным фоном это тоже сработает?
*

DaVinchy

  • Захожу иногда
  • 326
  • 42 / 3
Re: Прикрепить рисунок к пунктам меню
« Ответ #21 : 06.05.2011, 22:14:57 »
И с прозрачным фоном это тоже сработает?
так с прозрачным и надо! :)
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #22 : 06.05.2011, 22:19:00 »
Вроде понятно объяснил. Что тут не понятного?
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

mohax

  • Давно я тут
  • 901
  • 66 / 3
Re: Прикрепить рисунок к пунктам меню
« Ответ #23 : 06.05.2011, 22:24:59 »
 :D Наш дизайнер посмеялсо...
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #24 : 06.05.2011, 22:27:59 »
Да... что то на стёб похоже.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #25 : 06.05.2011, 22:44:01 »
никакого стеба. Просто переспрашивал
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #26 : 06.05.2011, 22:54:11 »
Спасибо, помогло  yes!
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Прикрепить рисунок к пунктам меню
« Ответ #27 : 06.05.2011, 23:00:11 »
Так не кто и не сомневался. А спасибо... ну тут уже я точно плюс заработал. Даже фотошоп запускал. ;)
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

xUnicornx

  • Захожу иногда
  • 78
  • 0 / 0
Re: Прикрепить рисунок к пунктам меню
« Ответ #28 : 07.05.2011, 00:07:58 »
Вот последний штрих надо добавить: что бы рисунок-ссылка имитировал нажатие и эти свистелки(носок книжка) делали движение: носок - покачивался, книжка - переворачивалась, звоно - покачивался и тд..

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

DaVinchy

  • Захожу иногда
  • 326
  • 42 / 3
Re: Прикрепить рисунок к пунктам меню
« Ответ #29 : 07.05.2011, 00:11:13 »
Вот последний штрих надо добавить: что бы рисунок-ссылка имитировал нажатие и эти свистелки(носок книжка) делали движение: носок - покачивался, книжка - переворачивалась, звоно - покачивался и тд..
Как это можно организовать? ;D
Каким-нибудь образом прикрутить сюда jquery ;)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Шаблон Mega Exiria и проблема с модулями.

Автор mistik

Ответов: 3
Просмотров: 2761
Последний ответ 11.06.2012, 09:03:13
от mistik
Как изменить цвет

Автор nameoff

Ответов: 5
Просмотров: 2616
Последний ответ 28.03.2012, 16:46:32
от noname-dev
Как поменять вид у “Индекс материала” ?

Автор sania56

Ответов: 6
Просмотров: 3495
Последний ответ 12.05.2011, 20:55:07
от algol
Резиновое изображение

Автор xUnicornx

Ответов: 2
Просмотров: 3249
Последний ответ 05.05.2011, 23:08:49
от xUnicornx
Как сделать такое же меню как у YOOThemes ?

Автор Kotofff

Ответов: 1
Просмотров: 2528
Последний ответ 05.12.2010, 15:14:40
от ilyasmile