Porter un site Web sur Joomla: Comment gérer les menus Javascript?

Question

Je porte un site existant dans Joomla 1.5. Les menus du site existant utilisent des images survolées et du Javascript en ligne. Comment rendre les menus identiques dans Joomla et utiliser les menus de Joomla sans réécrire le code du menu?

Answer 1

En fait, cela a été plutôt simple. Joomla affiche les menus sous forme de <UL><LI><A> balises. Tout ce que je devais faire était d'extraire l'arrière-plan de l'une des images de menu (à la fois dans l'état sélectionné et non sélectionné), de définir une image comme arrière-plan dans chacun des styles du CSS Joomla et le tour est joué, cela ressemble presque à l'ancien. site (moins une police légèrement différente, car le texte ne fait plus partie de l'image).

Answer 2

Pour afficher un élément de menu sous forme d'image, modifiez-le et sélectionnez une image dans la rubrique Paramètres (Système) (cette liste est automatiquement renseignée avec les images du dossier images / histoires).

Vous devrez également configurer le module pour que le menu affiche les images que vous avez définies. Accédez à Extensions > Modules, puis sélectionnez le module de votre menu (par exemple, Menu principal). À partir de là, sélectionnez Autres paramètres, puis définissez Afficher les images de menu et Lien de menu image sur Oui.

Les rollovers seront un peu plus compliqués. Vous ne pourrez pas ajouter de code JavaScript intégré, mais vous pourrez peut-être utiliser JavaScript pour trouver votre menu et affecter des survols à chaque élément. Joomla est livré avec MooTools, ou vous pouvez utiliser jQuery si vous êtes plus à l'aise avec l'esprit. Utilisez le champ ID de balise de menu sous Paramètres avancés pour attribuer à votre élément ul de menu un identifiant HTML.