De façon générale, chaque élément est unique et a ses propres réglages. Cependant, 3 groupes de paramètres sont communs à tous les éléments. Ils peuvent être configurés dans l’onglet “Général” de l’inspecteur de l’élément. Dans cet article, nous allons voir plus en détail les paramètres communs des réglages généraux d’un éléments.
Attributs
Vous pouvez choisir des valeurs personnalisées pour de nombreux attributs natifs du code HTML de l’élément que vous pouvez utiliser plus tard dans du code CSS/JS personnalisé. Les attributs personnalisables sont les suivants :
- ID
- Class
- Name
Outre les attributs natifs, vous pouvez définir des attributs personnalisés pour une personnalisation plus poussée.
Visibilité
Ce paramètre des réglages généraux de l’élément est pratique pour masquer des éléments sur certains appareils uniquement.
Vous pouvez masquer des éléments sur certains appareils :
- Masquer sur ordinateur de bureau
- Masquer sur ordinateur portable
- Masquer sur tablette
- Masquer sur téléphone mobile
Par exemple, pour l’image ci-dessous, vous pouvez choisir l’option Masquer sur Téléphone Mobile de façon à ce qu’elle n’apparaissent que sur les ordinateurs de bureau et portables ainsi que les tablettes, mais pas sur téléphone mobile.
Animation
Vous pouvez ajouter des animations à vos éléments pour rendre vos pages plus vivantes.
- Lors de l’affichage
Choisissez l’animation à appliquer à l’élément quand vos visiteurs le voit pour la première fois. - Au passage de la souris
Choisissez l’animation à appliquer à l’élément quand vos visiteurs passent le curseur de la souris dessus.
Chaque cas de figure vous offre de nombreux choix d’animation.