Personnaliser un thème

Personnalisation du code CSS

Dernière mise à jour : 05/03/2016 à 16h00

Les fichiers CSS du thème







Nous l'avons vu dans l'article "Structure d'un thème", les thèmes de la version 4.1 sont constitués de 3 fichiers CSS



Pour modifier le thème base à votre goût, il est préférable de modifier les fichiers CSS dans l'ordre suivant :



Chaque thème est constitué des 7 fichiers CSS suivant :
  • design.css : Il contient toutes les classes de mises en forme du sites (Le gros du Design)
  • content.css : Il contient les classes propres au contenu du site (messages, modules).
  • global.css : il contient toutes les classes utiles sur le site et communes aux différents modules.
  • form.css : Il contient toutes les classes pour la mise en forme des formulaires.
  • table.css : il contient les classes de mise en forme des tableaux.







La modification de ces 5 fichiers permet de donner à votre site web, le rendu général que vous souhaitez.



Si vous souhaitez modifier le design des menus, il vous faudra en plus, modifier le fichier :



  • cssmenu.css : Il contient toutes les classes qui permettent la gestion des menus.




Enfin, si vous avez envie de personnaliser la page de login admin, il reste ce fichier à modifier



  • login.css : il contient les classes pour un affichage uniquement du login.




Vous retrouverez le contenu de chaque fichier dans l'article associé à chaque fichier.







Le cas du default.css et print.css







Facultativement, vous pouvez avoir besoin de modifier les fichiers du thème default. Sachez qu'ils ne contiennent aucune information de couleur ou autre propriété susceptible d'être modifiée à chaque thème.



  • default.css : Il contient les éléments génériques et les réinitialisations afin de garantir un affichage identique sur tous les navigateurs.
  • print.css : Met en forme le site pour un affichage épuré destiné à l'impression.




Il est vivement conseillé de ne pas faire de modification dans ces fichiers



Il vaut mieux privilégier la surcharge des fichiers du thème que de toucher au fichier du répertoire default qui touchera l'ensemble des thèmes et l'administration.
Cette page a été vue 11343 fois