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 :

  1. donner un identifiant unique pour chaque module
  2. créer des lignes dans le css

 

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 :

texteslibres01

 

Allons dans >Configurer >Mise en Page pour cliquer sur le petit marteau jaune du module à personnaliser :

texteslibres02

Là j'ai choisi un module de Pages.

Puis nommons le module dans le champs ad-hoc :

texteslibres03

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 :

texteslibres04

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.

Publié dans : CSS - Demander une aide - Voir les 8 commentaires
Retour à l'accueil

Communication

Plusieurs moyens pour obtenir un coup de main de ma part :
Ajoutez un commentaire dans l'article qui vous intéresse.

Powered By Hab.la

overblog

Présentation

Derniers Commentaires

Références

Texte Libre

policevert

 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés