Портирование веб-сайта на Joomla: как мне работать с меню Javascript?
Вопрос
Я портирую существующий сайт на Joomla 1.5. Меню на существующем сайте используют ролловер изображений и встроенный Javascript. Как я могу заставить меню выглядеть одинаково в Joomla и использовать меню Joomla, не переписывая код меню?
Решение
На самом деле все оказалось довольно просто. Joomla отображает меню в виде тегов <UL><LI><A>
. Все, что мне нужно было сделать, это извлечь фон из одного из изображений меню (как в выбранном, так и в невыбранном состоянии), установить изображения в качестве фона в каждом из стилей в Joomla CSS, и вуаля, он почти выглядит как старый сайт (за исключением немного другого шрифта, так как текст больше не является частью изображения).
Другие советы
Чтобы отобразить элемент меню в виде изображения, отредактируйте его и выберите изображение под заголовком «Параметры (система)» (этот список автоматически заполняется изображениями в папке «Изображения / истории»).
Вам также необходимо установить модуль для меню, чтобы отображать установленные вами изображения. Перейти к расширениям & Gt; Модули, затем выберите модуль для вашего меню (например, Главное меню). Оттуда выберите «Другие параметры» и затем установите «Показать изображения меню» и «Ссылка на изображение меню» на «Да».
Ролловеры будут немного сложнее. Вы не сможете добавить встроенный JavaScript, но вы можете использовать JavaScript, чтобы найти свое меню и назначить ролловеры для каждого элемента. Joomla поставляется с MooTools, или вы можете использовать jQuery, если вам удобнее. Используйте поле ID тега меню в разделе «Дополнительные параметры», чтобы дать элементу ul
меню HTML-идентификатор.