Projet:Charte graphique/Apparence des titres de rubriques
Toutes les propositions sont les bienvenues, mais pour qu'elles aient une chance d'aboutir, il vaut mieux tenir compte des avis généralement exprimés. Les titres de rubrique devraient :
- se détacher du texte ;
- montrer leurs hiérarchisations ;
- rester sobres.
Pour faciliter la création de propositions, un modèle a été créé. Il vous suffit d'affecter aux valeurs style2, style3, etc. le style que vous voulez pour ce niveau de titre (niveau 2, niveau 3, etc.). Exemple :
{{Apparence des titres de rubriques| numero=1| titre=Diminution plus linéaire, sans lignes| style2=font-size:170%;| style3=font-size:160%;| style4=font-size:150%;| style5=font-size:140%;| style6=font-size:130%;}}
Notes :
1 Sans aucun style
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est sans
.
Titre de niveau 3
Le style du titre de niveau 3 est sans
.
Titre de niveau 4
Le style du titre de niveau 4 est sans
.
Titre de niveau 5
Le style du titre de niveau 5 est sans
.
Titre de niveau 6
Le style du titre de niveau 6 est sans
.
2a Lignes niveaux 1,2 (version actuelle, originale, sans changement)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:150%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:132%;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:116%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%;
.
2b Lignes niveaux 1,2 (version plus linéaire)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%;
.
2c Lignes niveaux 1,2 (version plus visuelle)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:156%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:140%;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:124%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%;
.
3a Lignes niveaux 1,2,3
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:150%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:132%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:116%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%;
.
3b Lignes niveaux 1,2,3 (version plus linéaire)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%;
.
3c Lignes niveaux 1,2,3 (version plus visuelle)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:156%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:140%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:124%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%;
.
4a Lignes tous niveaux
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:150%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:132%; border-bottom:dotted 1px #AAA;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:116%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%; border-bottom:dotted 1px #DDD;
.
4b Lignes tous niveaux (version plus linéaire)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; border-bottom:dotted 1px #AAA;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%; border-bottom:dotted 1px #DDD;
.
4c Lignes tous niveaux (version plus visuelle)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:156%; border-bottom:solid 1px #AAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:140%; border-bottom:dotted 1px #AAA;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:124%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%; border-bottom:dotted 1px #DDD;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%; border-bottom:dotted 1px #DDD;
.
5a Sans ligne
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:150%;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:132%;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:116%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%;
.
5b Sans ligne (version plus linéaire)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%;
.
5c Sans ligne (version plus visuelle)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:156%;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:140%;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:124%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:100%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:80%;
.
5d Sans ligne (version plus linéaire, contrainte sur la taille minimale)
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:160%;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:145%;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:130%;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:115%;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:115%;
.
6 Style avec petite majuscule
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; font-variant:small-caps;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; font-variant:small-caps;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%; font-variant:small-caps;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%; font-variant:small-caps;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%; font-variant:small-caps;
.
7 Style avec soulignement
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; text-decoration:underline;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; text-decoration:underline;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%; text-decoration:underline;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%; text-decoration:underline;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%; text-decoration:underline;
.
8 Style avec petite majuscule et soulignement
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; text-decoration:underline; font-variant:small-caps;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; text-decoration:underline; font-variant:small-caps;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%; text-decoration:underline; font-variant:small-caps;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%; text-decoration:underline; font-variant:small-caps;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%; text-decoration:underline; font-variant:small-caps;
.
9 Style avec petite majuscule et gras
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; font-variant:small-caps; font-weight:bold
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; font-variant:small-caps; font-weight:bold
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%; font-variant:small-caps; font-weight:bold
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%; font-variant:small-caps; font-weight:bold
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%; font-variant:small-caps; font-weight:bold
.
10 Style gras
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; font-weight:bold
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; font-weight:bold
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%; font-weight:bold
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%; font-weight:bold
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%; font-weight:bold
.
11 Style gras, avec lignes sous tous les titres afin de les différencier d'un texte qui aurait la même apparence
Titre de niveau 1 (Titre de l'article)
modifierLe style du titre de niveau 1 est font-size: 188%; font-weight:normal; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 2
Le style du titre de niveau 2 est font-size:164%; font-weight:bold; border-bottom:solid 1px #AAAAAA;
.
Titre de niveau 3
Le style du titre de niveau 3 est font-size:148%; font-weight:bold; border-bottom:dotted 1px #AAAAAA;
.
Titre de niveau 4
Le style du titre de niveau 4 est font-size:132%; font-weight:bold; border-bottom:dotted 1px #AAAAAA;
.
Titre de niveau 5
Le style du titre de niveau 5 est font-size:116%; font-weight:bold; border-bottom:dotted 1px #AAAAAA;
.
Titre de niveau 6
Le style du titre de niveau 6 est font-size:100%; font-weight:bold; border-bottom:dotted 1px #AAAAAA;
.