Page d’accueil Forums Forum Création d’un nouveau thème

Vous lisez 0 fil de discussion
  • Auteur
    Messages
    • #624
      plb_admin
      Maître des clés

      Comment créer un thème ?

      • Étape 1. Création du thème
        • Créez un nouveau dossier dans le dossier themes
        • Nommez-le comme bon vous semble (mais sans espaces, accents, ou caractères spéciaux. Ex: monTheme)
        • Créez un nouveau fichier texte dans ce dossier. Nommez-le exactement de la même façon et ajoutez-y l’extension .css (ex: monTheme.css, vous devez avoir l’arborescence suivante : mon_dossier_planning/themes/monTheme/monTheme.css)
      • Étape 2. Application du thème
        • Connectez-vous au planning avec le login admin
        • Allez dans le menu Administration / Configuration
        • Entrez le nom du dossier créé à l’étape 1 dans le champ Affichage-theme (pavé Affichage) et validez
        • A ce stade, l’apparence du planning n’a pas changé car votre thème est vide et le thème par défaut est toujours chargé
      • Étape 3. Personnalisation des éléments utilisant JQuery-UI
        • Planning Biblio utilise la bibliothèque JQuery-UI pour afficher certains éléments (tableaux, calendriers, messages d’informations, boîtes de dialogues)
          Pour modifier l’apparence de ces éléments, vous devez créer un thème en ligne, le télécharger et le copier dans votre dossier thème
        • Rendez-vous sur le site : http://jqueryui.com/themeroller
        • Optionnel : Choisissez un thème dans la galerie (Menu noir de gauche, onglet Gallery)
        • Revenez sur l’onglet « RollYour Own »
        • Personnalisez les éléments dans cet onglet (Polices, Couleurs, …)
        • Téléchargez votre thème en cliquant sur « Download Theme »
        • Laissez les options par défaut et cliquez sur Download
        • Enregistrer le fichier jquery-ui-xxx-custom.zip, décompressez-le
        • Copiez le fichier jquery-ui.min.css dans votre dossier thème (ex: monTheme, arborescence : mon_dossier_planning/themes/monTheme/jquery-ui.min.css)
        • Copiez le dossier images dans votre dossier thème (ex: monTheme, arborescence : mon_dossier_planning/themes/monTheme/images)
      • Étape 4. Personnalisation des autres éléments
        • Éditez le fichier CSS créé à l’étape 1
        • Ajoutez-y vos éléments de personnalisation (règles CSS), Exemples :
          .td_postes{ width: 300px; max-width: 300px; } /* Modifie la largeur de la 1ere colonne du planning */
          .td_obligatoire{ background: #C0C0C0 }; /* Modifie la couleur d’arrière plan des postes obligatoires */
          Aidez-vous du fichier themes/default/default.css pour le nom des classes.
          Aidez-vous du fichier themes/monTheme/jquery-ui.min.css pour les couleurs.
          Ajoutez seulement ce qui doit changer par rapport au thème par défaut.
Vous lisez 0 fil de discussion
  • Vous devez être connecté pour répondre à ce sujet.