Personnaliser la charte graphique

• Il est possible d'adapter la charte graphique standard de SynerGaïa à vos propres contraintes.

   

  Objets généraux

  Les objets des chartes graphiques sont groupés par répertoire. Il s'agit notamment du logo, des images de fond, etc.

  • synergaia/themes/defaut : thème par défaut

  Titre de l'application

  Le titre est mis à jour dans le fichier cnnfig.php (variable $SG_Config['SynerGaia_titre'] )

  Logo

  Le répertoire et le nom du fichier du logo sont dans la variable $SG_Config['SynerGaia_logo'].

  Feuilles de style

  Les feuilles de style utilisées par le logiciel se situent dans le répertoire nav/themes/defaut/css/defaut.css de chaque thème.

  • defaut.css
  • mobile.css
  • login.css

  Si on veut créer des css spécifiques, il faut les ranger dans le répertoire var/css/ de l'application et les appeler du même nom.

  Clauses de css associées aux éléments

  • banniere : id="banniere"
    • logo : class="sg-haut-logo"
    • titre : class="sg-haut-titre"
  • menus : id="themes"
    • listes des menus : id="themes-liste"
    • menu : class="menu"
  • page : id="menuetcorps"
    • ligne : id="corpsligne"
      • gauche : id="gauche"
      • centre : id="centre"
        • panneau admin : id="admin" class="admin"
        • corps : id="corps"
          • id="op-entete" class="operationEntete"
          • id="erreurs" class="erreurs"
          • id="operation" class=sg-operation-contenu"
      • droite : id="droite"
  • pied : id="pied"

  Positionnement des éléments sur la page

  Il est possible de modifier le positionnement de certains objets sur la page. Chaque partie est contenue dans une division

  et est identifiée par un attribut name=

  De plus chaque élément est associé à une classe css spécifique.

  Historique

  Cette page est valable à partir de la version 2.2