Communication
|
Ajoutez un commentaire dans l'article qui vous intéresse.
|
![]() Powered By Hab.la |
Dans le css, tous les modules ont un seul et unique identifiant :
.text {XXX}
Comment faire pour mettre par exemple des images de fond différentes pour chaque module textes-libres ?
Il y a deux actions à faire :
Donner un identifiant unique à chaque module
Il y a deux opérations à faire pour autoriser la création d'identifiants uniques puis pour en donner un à chaque module.
Allons dans >Configurer >Options globales >Réglages avancés pour cliquer sur la case "Permettre la configuration des id XHTML des modules" pour la première opération :
Allons dans >Configurer >Mise en Page pour cliquer sur le petit marteau jaune du module à personnaliser :
Là j'ai choisi un module de Pages.
Puis nommons le module dans le champs ad-hoc :
Ici l'identifiant est "aides".
Il ne reste plus qu'à valider ce changement puis de passer au module à personnaliser suivant jusqu'au dernier.
Maintenant chaque module a un identifiant différent des autres, passons à la seconde action qui concernent le css.
Créer des lignes dans le css
Maintenant, il faut aller dans le css personnalisé de votre blog (pour savoir comment faire, c'est dans cet article) pour y insérer une ligne pour chaque module à modifier.
Le modèle de ligne est
#idHTML {XXX}
Bien sûr il faut personnaliser le idHTML par l'identifiant unique du module et les XXX par ce que l'on veux obtenir.
Par exemple, pour continuer sur la modification de mon module Page dont l'identifiant est aides, voici ce que j'ai dans mon propre css :
Là, j'ai mis une image de fond à l'en-tête de ce module.
Il ne reste plus qu'à créer les lignes de css correspondantes aux autres modules et de valider le tout.
Pensez à vider le cache pour voir immédiatement les résultats sur votre blog.
|
Ajoutez un commentaire dans l'article qui vous intéresse.
|
![]() Powered By Hab.la |
Derniers Commentaires