Bouton
You are here:
- KB Home
- Bouton
Estimated reading time: 2 min
In this article
L’ajout de boutons permet d’amener le visiteur à une autre page ou de remplir un formulaire.
Une fois l’élément “Bouton” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.
Général
- Texte : Tapez le texte voulu.
- Icône : Choisissez une icône parmi celles proposées dans la liste. Si vous n’en choisissez pas, aucune icône ne s’affichera.
- Position de l’icône : L’icône peut être placée avant ou après le texte.
- Lien : Indiquez le lien voulu ou choisir parmi les pages existantes du site
Cible du lien : Vous pouvez choisir d’ouvrir le lien dans la même fenêtre ou dans une nouvelle fenêtre. Il s’agit d’un choix personnel, mais il est suggéré d’utiliser l’option “Nouvelle fenêtre” pour les liens de courriels.
N’oubliez surtout pas de sauvegarder vos changements.
Style
Couleurs
- Couleur d’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur du bouton. Si vous ne choisissez pas de couleur, la couleur sera définie par le thème choisi.
- Couleur pour survol de l’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur donnée au bouton lorsque le curseur passe au-dessus. Si vous ne choisissez pas de couleur, la couleur sera définie par le thème choisi.
- Couleur du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Le texte du bouton utilisera la couleur choisie. Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
- Couleur pour le survol du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Le texte du bouton utilisera la couleur choisie lorsque le curseur passe au-dessus. Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
Style
- Plat : Affiche une couleur pleine.
- Dégradé de couleur : Affiche un dégradé de couleur généré automatiquement à partir de la couleur de l’arrière-plan du bouton.
- Transparent : Donne l’option de l’épaisseur de la bordure ainsi que le degré d’opacité de l’arrière-plan.
Structure
- Largeur : Configure la dimension du bouton.
Auto : Grandeur par défaut.
Pleine largeur : S’adapte à la largeur de la colonne.
Personnalisé : Choisissez la largeur en pixel, de votre bouton. - Taille de la police : Choisissez la taille en pixel, de la police. La hauteur du bouton s’ajustera à la taille de la police.
- Marges intérieures : Choisissez en pixel, l’espace séparant le texte des extrémités du bouton en hauteur et l’espace minimum en largeur.
- Coins ronds : Choisissez la grosseur en pixel, des coins ronds du bouton. Plus le chiffre est grand et plus le coin est rond.
Avancé
- Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre. L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
- Présentation adaptative
La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site. - Animation
Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
Délai : Choisissez en seconde, le délai avant que l’animation ne débute. - Sélecteur CSS
Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.
N’oubliez surtout pas de sauvegarder vos changements.