Header jour & nuit 1306x634
Haut de catégorie jour & nuit 1205x65
Séparation de signature 366x65
Liste des sujets 304x78
Avatar invité/nouveau 400x640
Images Staff jour & nuit 230x160
Images MDM jour & nuit 306x140
Topsite 100x35

Il est important de toujours faire les formats header, haut de catégorie, images staff et membre du mois dans les modes jour et nuit.

Lorsque les images sont terminés, un template Figma est disponible pour tester vos visuels mais aussi tester les couleurs qui seront accordés au nouveau design.

Pour chaque nouvelle version = un nouveau template, c'est à dire qu'il faudra toujours dupliquer le fichier initiale avant de pouvoir travailler dessus. Retrouver le template ici et pour plus d'informations, contacter @Lisa

Où changer ? Affichage > Couleurs & CSS > Feuille de style CSS

Les couleurs jour se changent de la ligne 7 à 16 et les couleurs nuit se changent de la ligne 28 à 37, les couleurs uno et dos sont très importante, ce sont les couleurs principales du forum, les autres couleurs concernent les couleurs de fond.

balises filter
Les balises Filter sont présentent en jour de la ligne 17 à 19 et présente en nuit de la ligne 38 à 40, ces balises permettent d'adapter toutes les icons du forum aux couleurs uno et dos. A chaque version, la balise doit être modifiée.

Pour obtenir le code il faut se rendre sur le site codePen, une fois sur le site il suffit d'enter sa couleur (uno/dos) dans le champ Target color puis cliquer sur Compute Filters. Plusieurs informations apparaissent, le code à récupérer est affiché dans l'encadré rouge ci-dessous.



Avant de récupérer le code, il est important de vérifier la partie Loss, le nombre ne doit pas dépasser 1, au risque de ne pas récupérer la bonne couleur. Il est conseillé de faire plusieurs test pour récupérer le meilleur résultat.



Cette manipulation est à faire pour toutes les balises Filtrer.
balises rgb
Des couleurs RGB sont placés dans la version jour de la ligne 23 à 24, dans la version nuit de la ligne 28 à 29. Pour récupérer les numéros RGB des couleurs uno et dos, il suffit de passer par ce site et de récupérer les chiffres affichés pour R, G & B. (Attention de laisser les virgules entre les chiffres dans le code)

Couleurs version mobile
Les couleurs du forum sont aussi à changer pour chaque nouvelle version :
Affichage > Couleurs & CSS > Couleurs > Version mobile (tout en bas de la page couleurs)

Fond de page : Prendre la couleur fond-forum
Fond En-tête Catégories et forums : Prendre la couleur Uno
Couleur du bouton "Rejoindre" : Prendre la couleur Dos
La  Couleur de la toolbar Google Chrome ne se change pas.

version jour

header Feuilles de style CSS > ligne 20
haut de catégorie Feuilles de style CSS > ligne 22
images staff Modules > Gestion des codes Javascript > Page d'accueil > ligne 26 à 34
images mdm Modules > Gestion des codes Javascript > Page d'accueil > ligne 37 à 49

version nuit

header Feuilles de style CSS > ligne 41
haut de catégorie Feuilles de style CSS > ligne 43
images staff Modules > Gestion des codes Javascript > Page d'accueil > ligne 42 à 50
images mdm Modules > Gestion des codes Javascript > Page d'accueil > ligne 53 à 55

version nuit & jour

SÉPARATION DE SIGNATURE Général > Messages & email > Configuration
LISTE DES SUJETS Feuilles de style CSS > ligne 21 et 42
AVATAR INVITÉ/NOUVEAU Affichage > Gestion des avatars > Avatar par défaut

crédits Modules > Gestion des codes Javascript > Page d'accueil > ligne 80
new Modules > Gestion des codes Javascript > Page d'accueil > ligne 67
liens du mois Modules > Gestion des codes Javascript > Page d'accueil > ligne 70 à 74
calendrier Modules > Gestion des codes Javascript > Page d'accueil > ligne 76