Créer un habillage

Il est possible de créer votre propre habillage pour personnaliser la présentation de vos pages, voici les étapes à suivre :

1. Cliquez le Menu principal[a] puis sur Créer[b] et choisissez Habillages[c]

2. Cliquez sur Créer un habillage

3. Les paramètres de l'onglet Général sont les suivantes :

a. Titre de l’habillage : donnez un titre à votre style d’habillage de page. Ce titre apparaîtra sur la page d’aperçu des Habillages.

b. Description : donnez une cours description à votre habillage.

c. Accessibilité des habillages :

Habillage privé (valeur par défaut) : vous seul(e) pouvez utiliser ce style d’habillage des pages.

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

d. Cliquez sur le bouton Enregistrer ou passez à l'onglet Page pour configurer d'autres paramètres.

4. Les paramètres de l'onglet Page sont les suivants :

a. 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.

b. 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.

c. 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. 

d. 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.

 e. Répétition de l’image : décidez si vous désirez que l’image d’arrière-plan s’affiche une seule fois ou qu'elle soit répétée 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 tel 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 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.

f. 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 de la page.

        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.

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

h. Cliquez sur le bouton Enregistrer pour valider vos modifications, ou cliquez sur le lien Annuler pour ne rien changer.

5. Les paramètres de l'onglet Page sont les suivantes :

a. 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 compris dans l’en-tête, tels que le titre de la page, le titre des blocs, les Titres des textes si vous leurs avez donné le style de Titre.

b. 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.

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

d. 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.

e. 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.

f. Taille de police : choisissez la taille de votre 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.

g. Couleur du texte : déterminez la couleur dans laquelle vous désirez afficher le texte sur la page. Décochez la case pour inscrire le code de couleur.

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

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

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

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

l. Cliquez sur le bouton Enregistrer pour valider vos modifications ou cliquez sur le lien Annuler pour ne rien changer.

6. Les paramètres de l'onglet Avancés sont les suivants :

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.

a. Inscrivez votre code dans la zone CSS personnalisé.

b. Cliquez sur Enregistrer pour valider vos modifications, ou cliquez sur le lien Annuler pour ne rien changer.

Voici un exemple d'un habillage personnalisé :