Utiliser les classes CSS - application des styles

Les sites web générés par le Manager s'appuient sur des feuilles de styles (CSS). Ces dernières permettent de gérer les éléments d'affichages (par exemple des attributs visuels, des possibilités de mise en page) indépendamment des textes, des tableaux, des liens ou des images que vous intégrez dans vos pages. Par exemple, vous pouvez définir le positionnement d'une image insérée dans du texte ou mettre un ombré sous un texte. Les feuilles de styles utilisées par le Manager permettent l'utilisation de régles prédéfinies pour gérer ces attributs. On appelle ces régles prédéfinies des classes CSS.

Dans l'éditeur de pages, vous avez la possibilité d'ajouter ces classes CSS à différents endroits : sur du texte, des images, des liens ... ces classes CSS vous faciliteront la mise en page ou l'aspect visuel de votre page. Une liste de classes peut donc être utilisée simplement en introduisant le nom de la classe lorsque l'éditeur vous offre éventuellement cette possibilité.

Appliquer un style CSS à du texte

Pour appliquer un style CSS à du texte, il faut créer un container DIV (bouton "DIV " dans la barre d'outils). La méthode est la suivante :

• Sélectionner le texte auquel vous souhaitez appliquer un style CSS.
• Cliquer sur le bouton "Container DIV".
• Dans la fenêtre qui s'ouvre, dans le champ "Classe CSS" tapez le nom du style que vous souhaitez appliquer.
• Cliquez sur le bouton "OK".

Remarques :

1. le résultat de l'application du site ne se visualise pas obligatoirement dans l'éditeur. Visualisez votre page pour voir le résultat ;
2. les classes CSS peuvent s'appliquer aussi aux tableaux (onglet avancé des propriétés du tableau) ou à des blocks de texte.

Appliquer un style CSS à une image

Pour appliquer une classe CSS à une image, la méthode est similaire à celle utilisée pour un texte.

• Clic droit sur l'image (pour la sélectionner).
• Cliquez sur les "Propriétés de l'image".
• Dans la fenêtre, cliquez sur l'onglet "Avancé".
• Dans le champ "Classe CSS", saisissez le nom du style que vous souhaitez appliquer.
• Cliquez sur le bouton "OK".

Remarques :

1. le résultat de l'application du site ne se visualise pas obligatoirement dans l'éditeur. Visualisez votre page pour voir le résultat ;
2. vous pouvez cumuler plusieurs classes dans le champ : saisissez le nom de chaque classe séparée par un espace.

» Afficher la liste des classes CSS prédéfinies dans le Clic Premium Manager