Портирование веб-сайта на Joomla: как мне работать с меню Javascript?

StackOverflow https://stackoverflow.com/questions/622552

  •  05-07-2019
  •  | 
  •  

Вопрос

Я портирую существующий сайт на Joomla 1.5. Меню на существующем сайте используют ролловер изображений и встроенный Javascript. Как я могу заставить меню выглядеть одинаково в Joomla и использовать меню Joomla, не переписывая код меню?

Это было полезно?

Решение

На самом деле все оказалось довольно просто. Joomla отображает меню в виде тегов <UL><LI><A>. Все, что мне нужно было сделать, это извлечь фон из одного из изображений меню (как в выбранном, так и в невыбранном состоянии), установить изображения в качестве фона в каждом из стилей в Joomla CSS, и вуаля, он почти выглядит как старый сайт (за исключением немного другого шрифта, так как текст больше не является частью изображения).

Другие советы

Чтобы отобразить элемент меню в виде изображения, отредактируйте его и выберите изображение под заголовком «Параметры (система)» (этот список автоматически заполняется изображениями в папке «Изображения / истории»).

Вам также необходимо установить модуль для меню, чтобы отображать установленные вами изображения. Перейти к расширениям & Gt; Модули, затем выберите модуль для вашего меню (например, Главное меню). Оттуда выберите «Другие параметры» и затем установите «Показать изображения меню» и «Ссылка на изображение меню» на «Да».

Ролловеры будут немного сложнее. Вы не сможете добавить встроенный JavaScript, но вы можете использовать JavaScript, чтобы найти свое меню и назначить ролловеры для каждого элемента. Joomla поставляется с MooTools, или вы можете использовать jQuery, если вам удобнее. Используйте поле ID тега меню в разделе «Дополнительные параметры», чтобы дать элементу ul меню HTML-идентификатор.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top