Création d'un nouveau thème

Ce sujet a 0 réponse, 1 participant et a été mis à jour par  Jérôme, il y a 4 ans et 7 mois.

  • Auteur
    Messages
  • #624


    Jérôme
    Admin bbPress

    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.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.
    • Ce sujet a été modifié le il y a 4 ans et 7 mois par  Jérôme.

Répondre à : Création d'un nouveau thème

Vos informations: