Un menu style " DOCK " pour Xoops
Date 06/11/2007 | Sujet : Thème
| Salut a vous tous,
Suite a la lecture d'un post de grosdunord, j'ai voulu adapter un menu style "DOCK" sur mon site (Menu en image en haut du site)..
Comme ça n'a pas été de tout repos, je vous livre ici la marche a suivre.
Ce dock est vraiment très sympa et simple a personnaliser. De plus son installation est relativement simple, surtout si votre thème est basé sur Morphogenesis.
Donc, pour faire au plus simple, je l'ai intégré dans morphogenesis v2.01 Ci-joint.( thème : Morpho Dock )
Pour l'installation du thème, suivre les étapes normales d'installation d'un thème morphogenesis.
Voici les étapes de l'intégration du menu au thème (Déjà réalisé dans le thème ci-joint).
1° : Ajouter les fichiers interface.js & jquery.js dans le répertoire " jseffects " à la racine du site.
2° : Modifier le globalnav.html (ou le créer dans le répertoire du thème)
3° : Ajouter les appels pour "interface.js & jquery.js" dans le theme.html (y créer l'include pour globalnav.html si votre thème n'est pas basé sur morphogenesis)
4° : Créer le répertoire mon_ theme/img/imgdock puis y uploader les images du menu.
5° : Ajouter la class .dock (a partir de la ligne 437) dans le style.css
Le theme est livré avec par défaut une version "JPG" testée sur ie6,7 & Firefox.
Un globalnav pour png ainsi que des images au format png est aussi inclus, mais je n'ai pas réussi a le faire tourner sous IE 6. Sûrement qu'un de vous trouveras la solution.
La personnalisation du Dock s'effectue dans le globalnav (en bas ) pour ce qui est des tailles des images ainsi que pour les adresses & noms des liens.
La couleur et la police se modifie dans le style.css.
PS: soyez indulgent, c'est mon premier article sur FR XOOPS. 
A(dishatz)+
|
|