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

Ezio_Auditore

  • Осваиваюсь на форуме
  • 32
  • 0 / 0
Здравствуйте! Шаблоны подразделяются на две категории - рисованные и созданные исключительно на 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, 20:18:18 от Ezio_Auditore »
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Как реализовать рисованное меню?
« Ответ #1 : 13.01.2017, 20:39:31 »
В админке можно для пункта меню задать изображение.
Еще также каждому пункту меню присваивается уникальный класс, в файле стилей шаблона прописать фоновые изображения можно индивидуально.
Вот пример второго способа http://dom-kraski.ru/ - для каждой ссылки по её классу в стилях задан фон (тут правда спрайты, но принцип тот же)

http://eu.battle.net/d3/ru/ здесь сделано неправильно, картинка задана фоном для всего UL, будет работать только при жестко заданных и неизменяемых размерах меню.
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Ezio_Auditore

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

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

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

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Как реализовать рисованное меню?
« Ответ #3 : 13.01.2017, 21:04:35 »
Класс пункту меню присваивается автоматически при сохранении на основе его ID <li class="item-121">
А также можно в админке можно указать отдельный свой класс или изображение и дальше работать только стилями, настраивать внешний вид и положение.


пункты меню можно прописать в index.php?
Можно и так, только в этом нет никакого смысла, не рекомендую
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Ezio_Auditore

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

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

Спасибо за помощь!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с offcanvas для меню

Автор dr.red

Ответов: 5
Просмотров: 11193
Последний ответ 31.01.2021, 21:51:08
от Rimo
Как применить к пунктам меню определенный стиль?

Автор Ezio_Auditore

Ответов: 4
Просмотров: 3727
Последний ответ 17.01.2017, 22:43:27
от Ezio_Auditore
Условие по существованию пункта меню

Автор Taatshi

Ответов: 7
Просмотров: 2278
Последний ответ 09.03.2016, 23:00:18
от Taatshi
Вывод меню при адаптивной верстке

Автор ShfVD

Ответов: 3
Просмотров: 1998
Последний ответ 14.12.2014, 19:34:37
от AlekVolsk
Меню внизу экрана, масштабируемая картинка, текст в определенной позиции

Автор sef15

Ответов: 0
Просмотров: 1663
Последний ответ 06.10.2014, 21:39:44
от sef15