Sépation des Couleur menu horizontal et encart des entetes pour les rubriques et les articles

Christian
le 22 novembre 2016
à 18:36
Rappel du sujet :

Bonjour,

J’ai du mal a personnaliser mes couleurs car la couleur du menu horizontal détermine aussi la couleur des encart des entêtes pour les rubriques et les articles ce qui ne me semble pas très logique.

Serait t il possible dans les fonds de mettre à part la couleur du menu horizontal ?

Le fil d’ariane gagnerait aussi a pouvoir être personnalisé au niveau couleur à part.

Sépation des Couleur menu horizontal et encart des entetes pour les rubriques et les articles

Hello

Difficile de trouver le bon équilibre entre proposer de changer quelques couleurs mais pas trop pour qu’on s’y retrouve et permettre de modifier une couleur à un endroit sans toucher aux autres.

Il y a déjà 14 choix possibles et je ne pense pas qu’il soit nécessaire d’en rajouter.
L’intérêt de grouper certains blocs sur la même couleur est de garder une certaine cohérence graphique au site.

Après, il est facile de cibler un élément précis pour changer la couleur de fond avec une simple règle css dans perso.css

Par exemple, pour le menu

#menu, ul#menu ul , ul#menu li a{
background-color: red;
}

et pour le fil d’ariane

.cadre-chemin a{
background-color: red
}
Sépation des Couleur menu horizontal et encart des entetes pour les rubriques et les articles

Bonjour,

Merci.
Je vais utiliser ces codes.
Ok, si j’osais abuser...
Quel code faut il utiliserpour changer le titre (couleur, taille) et le fond pour l’encart des entêtes pour les rubriques et les articles ?
Je vais me faire ma bibliothèque de personnalisation...

Sépation des Couleur menu horizontal et encart des entetes pour les rubriques et les articles

Ta bibliothèque, c’est ton fichier perso.css !!
Pense à mettre des commentaires pour chaque règle ajoutée comme ceci par exemple :
/* couleur du menu */

Pour le reste

/* encart entete titre rubrique */
#cadre-rubrique{
background-color: green;
}
#titre-rubrique{
font-size: 2rem;
color: red;
}
/* encart entete titre article */
#cadre-titre-article{
background-color: green;
}
#titre-article{
font-size: 2rem;
color: red;
}

Je te laisse mettre la taille de caractères et le code couleur que tu souhaites (à moins que tu n’aimes le jaune sur fond rouge 🙂 ).

Le plus compliqué est de repérer le nom du sélecteur css que l’on veut surcharger mais avec l’extension firebug de firefox et un peu d’habitude, on s’en sort.

Sépation des Couleur menu horizontal et encart des entetes pour les rubriques et les articles

Merci.
Je vais personnaliser tout ça

J’ai firebug mais je bug...

Ayant plusieurs sites avec des besoins différents, je me constitue ma biblio perso pour ne pas vous déranger.

Avec mon ancien Cms, au fil du temps j’avais constitué une bibliothèque de codes qui me permettais d’être autonome.

Sépation des Couleur menu horizontal et encart des entetes pour les rubriques et les articles

Bonjour,

J’ai testé, c’est super.
J’ai laissé tes couleurs pour le test.

par contre, l’auteur est en blanc !

Il ne prend pas la couleur du fond !

voir ici par exemple : http://www.voillemont.com/sitedetest/spip.php?article12&lang=fr

Sépation des Couleur menu horizontal et encart des entetes pour les rubriques et les articles

Ah oui, c’est un lien, il faut donc ajouter une virgule et "#cadre-titre-article a" après "#cadre-titre-article"

#cadre-titre-article, #cadre-titre-article a{
background-color: green;
}
Reagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document