Créer un habillage

Procédure
  1. Cliquez sur Menu principal dans la Barre de navigation du site[1]
  2. Cliquez sur Créer du Menu principal[2]
  3. Choisissez Habillages
  4. Cliquez sur Créer un habillage
  5. Configurez l'onglet Général
    • Titre de l’habillage : Donnez un titre à votre habillage. Ce titre apparaîtra sur la page d’aperçu des Habillages.

    • Description : Donnez une courte description à votre habillage pour faciliter le repérage

    • Accessibilité des habillages :

      • Habillage privé (valeur par défaut) : vous seul(e) pouvez utiliser cet habillage.

      • Cet habillage est public : les autres personnes utilisatrices voient votre proposition d’habillage et peuvent l’utiliser. Nous recommandons de ne pas choisir cette option à moins que vous désirez partager votre habillage.

  6. Configurez l'onglet Page
    • Couleur d’arrière-plan de l'entête: si vous désirez choisir votre propre couleur, décochez la case et inscrivez le code de couleur. Cette couleur ne sera pas utilisée si une image a été sélectionnée pour l'arrière-plan.

    • Image d’arrière-plan de l'entête : vous pouvez placer une image en arrière-plan. Vous pouvez choisir l’image en cliquant sur le bouton Ajouter un fichier pour aller chercher l’image préalablement déposée dans votre zone personnelle de Fichiers. La dimension recommandée est 1812px par 402px.

    • Couleur de l'arrière-plan de la page : si vous désirez choisir votre propre couleur, décochez la case et inscrivez le code de couleur.

    • Image d’arrière-plan de la page : vous pouvez choisir l’image en cliquant sur le bouton Ajouter un fichier pour aller chercher l’image préalablement déposée dans votre zone personnelle de Fichiers.

    • Répétition de l’image : l’image d’arrière-plan peut s’afficher une seule fois ou peut se répéter autant de fois qu’il est nécessaire pour couvrir l’arrière-plan. Cette option est utile lorsque vous utilisez une toute petite image, telle qu'un motif que vous répétez à l’infini sur la page. Si vous choisissez de ne pas répéter l’image, celle-ci ne sera affichée qu’une seule fois à la position indiquée. Vos options sont :

      • Ne pas répéter : aucune répétition du motif n’est faite sur la page. Cette option devrait être choisie si vous utilisez une grande image pour l’arrière-plan ou que celle-ci est plus grande que votre page.

      • Répéter horizontalement : votre image sera répétée seulement sur l’axe horizontal. Cette option est utile sur des pages très larges, mais courtes.

      • Répéter verticalement : votre image sera répétée seulement sur l’axe vertical. Cette option est utile sur des pages étroites, mais longues.

      • Répétez dans les deux directions : votre image sera répétée à la fois sur l’axe horizontal et vertical. Cette option est celle qui donne le plus de flexibilité pour la création de vos pages.

    • Origine de l’image : décidez avec cette option si l’image d’arrière-plan est fixe ou défile en même temps que vous vous déplacez dans la page en utilisant les contrôles de défilement.

      • Fixe : si vous choisissez cette option, votre image d’arrière-plan restera positionnée en fonction de l’option de positionnement. Seul le contenu de la page défilera en utilisant les contrôles de défilement de la page.

      • Défilement : si vous choisissez cette option, votre image d’arrière-plan se défilera en même temps que le contenu de la page.

    • Position de l’image d’arrière-plan : choisissez l’emplacement de l’image et cliquez sur l’une des positions proposées.

  7. Configurez l'onglet Texte
    • Police de l’en-tête : choisissez la police à utiliser pour afficher le texte dans l’en-tête de la page. Vous pouvez choisir une police parmi celles qui sont installées dans le système. La police sera utilisée pour tous les éléments, y compris dans l’en-tête, tels que le titre de la page, le titre des blocs et les Titres des textes si vous leurs avez donné le style de Titre.

    • Couleur du texte d’en-tête : si vous désirez appliquer une couleur au texte affiché dans l’en-tête de la page, décochez la case et inscrivez le code de couleur.

    • Police de l'en-tête du bloc : choisissez la police à utiliser pour afficher le texte dans l’en-tête du bloc.

    • Couleur du texte de l'en-tête du bloc : si vous désirez appliquer une couleur au texte affiché dans l’en-tête du bloc, décochez la case et inscrivez le code de couleur.

    • Police du texte : sélectionnez la police qui sera utilisée pour tous les autres textes de la page. Vous pouvez choisir une police parmi celles qui sont installées dans le système.

    • Taille de police : choisissez la taille de la police. Les valeurs sont exprimées en proportion et non en valeurs fixes (pts ou pixels). La taille des en-têtes sera modifiée proportionnellement à votre choix de taille de police.

    • Couleur du texte : si vous désirez appliquer une couleur au texte, décochez la case et inscrivez le code de couleur.

    • Couleur des liens : choisissez la couleur dans laquelle les liens URL doivent être affichés.

    • Souligner les liens : placez le sélecteur sur Oui si vous désirez que les liens URL soient soulignés.

    • Couleur des liens sélectionnés : choisissez la couleur des liens lorsque vous passez par-dessus avec la souris.

    • Souligner les liens : placez le sélecteur sur Oui, si vous désirez que les liens URL soient soulignés.

  8. Configurez l'onglet Avancés [Facultatif]

    Si vous connaissez le langage CSS, vous pouvez écrire ici du code qui va remplacer celui qui gère l’affichage par défaut des éléments de la page. Vous pouvez agrandir la zone de saisie du CSS personnalisé si vous devez y entrer beaucoup de code. Pour ce faire, cliquez sur le coin inférieur droit de la zone de saisie et glissez jusqu’à ce que la taille voulue soit atteinte.

  9. Cliquez sur Enregistrer pour terminer l'opération
  10. Résultat

    Votre habillage est maintenant créé. Pour savoir comment l'appliquer à votre page, référez-vous à la procédure Choisir un habillage.