Différencier les modules Texte Libre

Jusqu'à hier, il était impossible de différencier les modules texte libre sans les placer dans des colonnes différentes puisque contrairement à la V1 où chacun des module avait son id (id="RightPart" et id=LeftPart" correspondant à #rightPart {} et #LeftPart {} dans la CSS ), les modules texte libre dans la V2 étaient tous gérés par .text {} dans la feuille de style (class="box text" en mode HTML)

Il fallait donc pour les différencier les placer dans des colonnes différentes (#cl_1_0 .text {} pour le texte libre de la colonne de gauche, #cl_1_2 .text {} pour le texte libre de la colonne de droite)
Depuis hier, le staff a pris en compte la suggestion faite de pouvoir donner une id aux modules pour pouvoir les gérer individuellement et c'est maintenant chose possible.

Comment faire?
Aller dans Configurer --->Options Globales --->Réglages avancés

 

---> Cocher la case "Permettre la configuration des id XHTML des modules"

Puis retourner dans Configurer --->Mise en page , cliquer sur le petit marteau en regard du titre du module auquel donner un identifiant

Un exemple avec les 2 modules texte libre, colonne de gauche sur ce blog

Je donne comme identifiant coco à l'un et toto à l'autre



ce qui correspond à id="coco" et id="coco" en mode HTML et à #coco {} et #toto {} dans la feuille de style. Il suffit donc de rajouter ces lignes dans la CSS pour pouvoir gérer individuellement chaque module. Ainsi, si je souhaite mettre une image différente à la place du titre de chacun des modules texte libre, il me suffit de rajouter

à mettre dans le CSS

#coco .box-titre { background: url(adresse image titre module coco); background-repeat: no-repeat; background-position: top center;}


#toto .box-titre { background: url(adresse image titre module toto); background-repeat: no-repeat; background-position: top center;}

dans la feuille de style

Attention

Uniquement pour les blogs ayant un CSS Version 2