Habillage d'EVA

Les administrateurs ont désormais la possibilité de personnaliser l'habillage d'EVA au travers d'une interface.

Accéder à l'interface : Habillage d'EVA

1. Appliquer un style existant

Dans ce bloc se trouve une liste déroulante affichant l'ensemble des styles disponibles : ceux présents par défaut, ainsi que ceux que vous aurez sauvegardés.
Il vous suffit d'en sélectionner un et de cliquer sur [Appliquer le style], pour changer le style de votre site. Retournez ensuite sur la zone publique, pour voir le nouveau style appliqué (dans certains cas il vous faudra "forcer" le rafraichissement de la page pour voir la modification s'appliquer).

Appliquer un style existant

Ces feuilles de styles se trouvent dans le dossier "eva_styles" à la racine de votre site.

2. Personnaliser les couleurs

Une fois que vous avez appliqué un style qui vous convient (cf ci-dessus 1.), vous pouvez maintenant personnaliser chaque couleur : de fond de page, des bordures, du texte, etc ... en indiquant dans chaque case correspondante, le code de couleur HTML (par exemple : #009999).
Pour ne pas modifier une ou plusieurs valeurs, laisser la case vide.

Personnaliser les couleurs

Pour ne pas avoir à chercher ces codes, une petite palette des couleurs est présente en dessous pour donner le code de couleur HTML correspondant. Cliquez sur une couleur pour voir sa valeur, puis copiez/collez cette valeur dans la case correspondante au dessus.

Palette des couleurs

Remarque : afin de vous aider à choisir vos différentes couleurs, nous vous recommandons de visiter le Chromoweb de Smart Pixel, qui vous guidera pour trouver un équilibre entre vos couleurs.

3. Sauvegarder l'habillage actuel

Enfin, une fois que vous avez appliqué un style qui vous convient (cf ci-dessus 1.), puis personnalisé vos couleurs (cf ci-dessus 2.), vous pouvez maintenant sauvegarder votre habillage.
Donnez un nom de sauvegarde, puis cliquez sur [Sauvegarder l'habillage].
Pensez bien qu'il s'agit d'un nom de fichier, donc n'utilisez pas de caractères spéciaux, accents ou espaces : juste_du_texte-simple ! L'extension (.css) est rajoutée automatiquement.

Sauvegarder l'habillage actuel

Remarque : Ces feuilles de styles se trouvent dans le dossier "eva_styles" à la racine de votre site, donc si vous utilisez un nom de sauvegarde déjà présent il sera écrasé.

4. Personnaliser encore plus

Pour les plus initiés, vous pouvez aller encore plus loin dans la personnalisation d'EVA. Les squelettes étant en XHTML / CSS ; il suffirait de créer votre propre feuille de styles (ou de partir d'une feuille existante) pour faire votre propre habillage (mettre des images de fond dans les blocs par exemple).
Pour cela reportez vous à la documentation du site officiel, qui vous indiquera les grands principes : Faire une feuille de style pour EVA