2009-03-07 6 views
1

Je suis en train de porter un site existant vers Joomla 1.5. Les menus du site existant utilisent des images de survol et du Javascript intégré. Comment puis-je rendre les menus similaires dans Joomla et utiliser les menus de Joomla, sans réécrire le code du menu?Portage d'un site Web vers Joomla: Comment traiter les menus Javascript?

+0

Bonne chance. La seule chose à apprendre à propos de Joomla est que vous devez généralement faire les choses à la place de Joomla au lieu d'obtenir Joomla pour faire les choses à votre façon. Avez-vous envisagé un CMS plus flexible comme Drupal? – ceejayoz

+0

J'ai considéré Silverstripe et je ne veux pas apprendre Drupal. Peut-être que cela va changer d'avis. – cdonner

Répondre

2

Cela a fini par être plutôt simple, en fait. Joomla rend les menus comme <UL><LI><A> étiquettes. Tout ce que je devais faire était d'extraire l'arrière-plan de l'une des images du menu (à la fois dans l'état sélectionné et non sélectionné), définir des images comme arrière-plan dans chacun des styles dans le CSS Joomla, et voilà site (moins une police légèrement différente, puisque le texte ne fait plus partie de l'image).

0

Pour afficher un élément de menu en tant qu'image, modifiez votre élément de menu et sélectionnez une image sous l'en-tête Paramètres (Système) (cette zone est remplie automatiquement avec les images du dossier images/stories).

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

Les renversements seront un peu plus compliqués. Vous ne pourrez pas ajouter JavaScript en ligne, 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 donner à votre élément de menu ul un identifiant HTML.

Questions connexes