- Hungcalf UniversityΔ PNJ - Temple du Savoir Δ
- » parchemins postés : 5513
» miroir du riséd : castel hungcalf
» crédits : créateur du design (ava) tblr (gif)
» âge : fondée en 1318
» gallions sous la cape : 11067
Inventaire Sorcier
Inventaire Sorcier:
ㄨ guide esthétique
Jeu 20 Fév 2020 - 18:22
les couleurs du forum
peindre en mille couleurs l'air du vent
On sait que vous aimez être assortis au design du forum et on s'est dit qu'on pouvait vous simplifier un peu la tâche ! Avec les petits points de code suivants (en html et css et non en bbcode), vous pourrez être automatiquement assortis aux couleurs du forum, à chaque nouveau changement de design. Pour les utiliser rien de plus simple, il suffit d'ajouter un attribut style à votre élément html.
Exemple :
- Code:
<div style="...">Votre contenu ici</div>
Les codes ci-dessous sont à mettre à la place des trois petits points .
Vous pouvez évidemment combiner un color avec un background et un font-family en les mettant les uns à la suite des autres dans votre attribut style.
Les couleurs
Première gamme de teintes :
color:var(--color_background1);
background:var(--color_background1);
color:var(--color_background3);
background:var(--color_background3);
color:var(--color_background4);
background:var(--color_background4);
color:var(--color_fan);
background:var(--color_fan);
Deuxième gamme de teintes :
color:var(--color_link);
background:var(--color_link);
color:var(--color_title);
background:var(--color_title);
Teintes neutres :
color:var(--color_background5);
background:var(--color_background5);
color:var(--color_background2);
background:var(--color_background2);
color:var(--color_text);
background:var(--color_text);
color:var(--color_neg);
background:var(--color_neg);
background:var(--color_background5);
color:var(--color_background2);
background:var(--color_background2);
color:var(--color_text);
background:var(--color_text);
color:var(--color_neg);
background:var(--color_neg);
Les polices
La police de texte
- Code:
font-family:var(--police_txt);
La police des sous-catégories/sous-titres
- Code:
font-family:var(--police_sst);
La police des titres
- Code:
font-family:var(--police_titre);
|
|