b'jour,
Citation :et on aura le droit de connaitre l'astuce pour changer le thème en fonction de chaque module ?
... je vais essayer d'expliquer cette fonction du gabarit morphogenesis
Elle est vraiment intéressante car elle permet d'améliorer l'ergonomie du site (en clair le visiteur reconnais visuellement la zone du site dans laquelle il se trouve).
Rapidement, voici comment j'ai procédé :
- création d'un premier thème
- déclinaison du thème en 7 teintes (il y a une fiche sur la procédure dans l'archive du thème kubrickv2,
ici)
- création d'un 8ème thème "multicolor" en fusionnant les feuilles de styles des 7 thèmes
Par "fusion" il faut entendre une série de copiés / collés (qui demandent un peu d'attention) et l'ajout des ID propres aux modules. Le principe des "ID" est simple car c'est le gabarit morphogenesis qui fait tout : lorsque tu te rends sur un module, toute la page est automatiquement encapsulée dans une <div> portant le nom du module (pour être précis, morpho récupère le nom du répertoire du module, exemple /news, /extgallery..).
Exemples :
- si on affiche le module News, la page est entièrement contenue dans <div id="news"> ... </div>
- si on affiche le module eXtGallery, la page est entièrement contenue dans <div id="extgallery"> ... </div>
- ...
Dans la feuille de style d'un thème multicolor, cela donne :
- #system #xo-wrapper {...} -> instructions pour la page d'accueil par défaut
- #new #xo-wrapper {...} -> instructions pour le module News...
- #extgallery {...} -> instructions pour le module eXtGallery
- ...
Il ne faut pas ajouter des #system, #news, #extgallery partout, mais simplement devant les .class qui diffèrent d'un thème à l'autre. En pratique et dans le cas du thème multi qui est dans ma signature, ce sont simplement les couleurs (liens et background) qui diffèrent. J'ai donc agit seulement sur les déclarations concernées.
... cela peut paraître compliqué. Peux pas dire le contraire mais je crois que c'est surtout au niveau de la compréhension du gabarit que cela se joue
@+