Sélectionner les couleurs du site Web, les images d'arrière-plan, polices et styles pour les bordures et angles

La charte chromatique générale ou un jeu de styles de votre site Web se compose de quatre couleurs. Chaque couleur est utilisée pour plusieurs éléments du site Web en même temps. Vous pouvez adapter les couleurs d'éléments particuliers sous Design > onglet Couleurs.

Pour sélectionner la charte chromatique générale pour votre site Web :

  1. Allez dans l'onglet Design > Palette.
  2. Sélectionnez la charte chromatique ou le jeu de styles de votre site Web dans le menu.

    Vous verrez les quatre couleurs utilisées dans la charte chromatique de votre site Web.

  3. Pour ajuster l'une des couleurs de la charte chromatique de votre site Web, cliquez sur le champ de couleur respectif et changez la valeur du code de couleur hex ou sélectionnez une couleur avec le sélecteur de couleurs.

    Remarque : ces changements écraseront tous les changements précédents que vous aurez faits sur les couleurs des éléments individuels dans l'onglet Couleurs.

  4. Cliquez sur OK pour enregistrer les modifications.

Vous pouvez aussi cliquer sur Définir auto. pour que Presence Builder choisisse la charte chromatique automatiquement à votre place. La charte chromatique sera définie pour correspondre à la bannière dans l'en-tête ou à la première bannière présente dans la zone de contenu s'il n'y en a pas dans l'en-tête. Si vous n'avez aucune bannière sur votre site Web, la bannière est définie en fonction de l'image en arrière-plan. Si votre site contient ni bannière, ni image, alors un message d'erreur s'affiche.

Pour définir les couleurs et les images d'arrière-plan d'éléments individuels du site Web :

  1. Allez dans l'onglet Design > Couleurs.
  2. Sélectionnez l'élément du site Web dans le menu Zone de la page. Vous pouvez modifier les zones Arrière-plan du site, Filigrane, En-tête, Pied de page et Contenu.
  3. Cliquez sur la flèche dans le menu Couleur ou image.
  4. Sélectionnez le niveau d'opacité de l'arrière-plan.
  5. Exécutez l'une des actions suivantes :
    • Pour remplir avec une couleur de base, cochez la case Couleur de base et sélectionnez la couleur avec le sélecteur de couleurs.
    • Si vous voulez utiliser un remplissage en dégradé, sélectionnez l'option Dégradé, puis choisissez le modèle à partir de la bibliothèque.
    • Pour ajouter une image en arrière-plan, sélectionnez l'option Modèle, puis choisissez le modèle à partir de la bibliothèque ou cliquez sur Envoyer pour envoyer votre propre image. Indiquez l'emplacement où elle doit s'afficher et si elle doit être affichée comme une mosaïque. Vous pouvez aussi rogner et redimensionner l'image.
  6. Pour un élément avec un texte, vous pouvez ajuster les couleurs de la police soit en cliquant sur le champ de couleur respectif et en éditant la valeur du code de couleur hex soit en sélectionnant une couleur à l'aide du sélecteur de couleurs.

    Remarque : modifier le style dans l'onglet Palette écrasera les changements apportés dans l'onglet Couleur.

  7. Cliquez sur OK pour enregistrer les modifications.

Pour sélectionner les polices des en-têtes et du corps de texte de votre site Web :

  1. Allez dans l'onglet Design > Polices.
  2. Pour chaque type de police, sélectionnez la famille et la taille de la police dans les menus.
  3. Pour les en-têtes, sélectionnez le style de la police. Vous pouvez utiliser le gras (l'icône B) et l'italique (l'icône I).

    Remarque : les paramètres créés ici définissent uniquement les règles générales pour les polices de votre site Web. Vous pouvez toujours ajuster les polices des éléments individuels en place.

  4. Cliquez sur OK pour enregistrer les modifications.

Pour sélectionner la forme des angles (rectangles ou arrondis) pour les éléments du site Web :

  1. Allez dans l'onglet Design > Angles.
  2. Dans le menu Zone de la page, sélectionnez l'élément pour lequel vous voulez changer la forme des angles.
  3. Exécutez l'une des actions suivantes :
    • Pour que les angles soient arrondis, sélectionnez les cases correspondantes.
    • Pour que les angles soient rectangulaires, décochez les cases correspondantes.
  4. Cliquez sur OK pour enregistrer les modifications.

Pour sélectionner les bordures pour les éléments du site Web :

  1. Allez dans l'onglet Design > Bordures.
  2. Sélectionnez le type de bordure pour les éléments dans votre site Web depuis le menu Bordure interne des blocs.
  3. Sélectionnez les éléments qui auront une bordure.

    Remarque : vous ne pouvez sélectionner qu'un type de bordure interne pour tous les éléments sur votre site Web. Toutefois, vous pouvez préciser les éléments auxquels appliquer cette bordure.

  4. Sélectionnez la bordure externe pour votre site Web depuis le menu Bordure externe du site.
  5. Cliquez sur OK pour enregistrer les modifications.