Как реализовать рисованное меню?

  • 4 Ответов
  • 294 Просмотров

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

Здравствуйте! Шаблоны подразделяются на две категории - рисованные и созданные исключительно на CSS/HTML. В поисках уроков по созданию шаблонов для Joomla я нашел серию статей, в которой рассказывается как создать простой Joomla-шаблон: http://likbez-net.ru/razrabotka-shablona-sajta-dlya-joomla-30/156-fajl-indexphp-urok-2.html

Меню там крайне обычное, сделанное только с помощью CSS, связанное, конечно, с модулем меню.

Но как в Joomla-шаблоне воплотить, например, меню (рисованное в фотошопе), как на этом сайте о Diablo?: http://eu.battle.net/d3/ru/

Наверное, действия будут несколько иными?

В той серии статей просто в Index.php создавался блок для меню, потом в TemplateDetails.xml сделали позицию, а потом в CSS прописали стиль списка меню и его пунктов (хотя, там даже не прописали как сделать подпункты меню и их стиль, а мне они нужны).


« Последнее редактирование: 13.01.2017, 22:18:18 от Ezio_Auditore »

*

Оффлайн beliyadm

  • ********
  • 8341
  • [+]1590 / [-]63
  • Севастополь == Россия
    • Просмотр профиля
    • записки нетрезвого кодера
Re: Как реализовать рисованное меню?
« Ответ #1 : 13.01.2017, 22:39:31 »
В админке можно для пункта меню задать изображение.
Еще также каждому пункту меню присваивается уникальный класс, в файле стилей шаблона прописать фоновые изображения можно индивидуально.
Вот пример второго способа http://dom-kraski.ru/ - для каждой ссылки по её классу в стилях задан фон (тут правда спрайты, но принцип тот же)

http://eu.battle.net/d3/ru/ здесь сделано неправильно, картинка задана фоном для всего UL, будет работать только при жестко заданных и неизменяемых размерах меню.
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb

Re: Как реализовать рисованное меню?
« Ответ #2 : 13.01.2017, 22:57:07 »
В админке можно для пункта меню задать изображение.
Еще также каждому пункту меню присваивается уникальный класс, в файле стилей шаблона прописать фоновые изображения можно индивидуально.
Вот пример второго способа http://dom-kraski.ru/ - для каждой ссылки по её классу в стилях задан фон (тут правда спрайты, но принцип тот же)

http://eu.battle.net/d3/ru/ здесь сделано неправильно, картинка задана фоном для всего UL, будет работать только при жестко заданных и неизменяемых размерах меню.

А класс пункту меню присваивается где? Это делается в админке или пункты меню можно прописать в index.php?

*

Оффлайн beliyadm

  • ********
  • 8341
  • [+]1590 / [-]63
  • Севастополь == Россия
    • Просмотр профиля
    • записки нетрезвого кодера
Re: Как реализовать рисованное меню?
« Ответ #3 : 13.01.2017, 23:04:35 »
Класс пункту меню присваивается автоматически при сохранении на основе его ID <li class="item-121">
А также можно в админке можно указать отдельный свой класс или изображение и дальше работать только стилями, настраивать внешний вид и положение.


пункты меню можно прописать в index.php?
Можно и так, только в этом нет никакого смысла, не рекомендую
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb

Re: Как реализовать рисованное меню?
« Ответ #4 : 14.01.2017, 00:38:30 »
Класс пункту меню присваивается автоматически при сохранении на основе его ID <li class="item-121">
А также можно в админке можно указать отдельный свой класс или изображение и дальше работать только стилями, настраивать внешний вид и положение.

Можно и так, только в этом нет никакого смысла, не рекомендую

Спасибо за помощь!