Pour commencer

Les Onglet Avancé dans l'éditeur vous permet d'apporter des modifications à n'importe quel rangée, colonne, sectionet presque tout ce qui se trouve dans votre constructeur de site web. Cet article couvre tout dans l'onglet Avancé.

Voici les principales options à l'intérieur d'un Avancé tabulation :

Polices de caractères et typographie
Animation sur le défilement
Sélecteurs HTML
Transition au survol
Visibilité et position
Style personnalisé

Polices de caractères et typographie

À partir de là, vous pouvez modifier le type de police et définir son poids.

⬇️ Le GIF ci-dessous montre ce que font toutes les options

Animation sur le rouleau

Vous pouvez utiliser différents types d'animation sur n'importe quel élément, ligne ou colonne. Vous avez le choix entre plusieurs types d'animation, dont la définition d'un délai, d'une durée, d'un décalage et de bien d'autres paramètres.

⬇️ Le GIFs ci-dessous montre ce que font toutes les options

Sélecteur HTML

Les Sélecteur HTML vous permet d'ajouter un identifiant HTML et un attribut de données à n'importe quelle ligne, colonne, section ou élément. Voyons la décomposition ci-dessous.

ID HTML

Cette option vous permet d'attribuer un ID HTML à n'importe quel section, colonne, rangéeou élément. Cette fonction est pratique lorsque vous souhaitez qu'un lien ou un bouton conduise votre visiteur à une section de votre site web.

Les étapes suivantes montrent comment utiliser un identifiant HTML pour lier un bouton à une section.

Supposons que nous voulions lier ce bouton…



...à cette section sur notre site web ⬇️



Inscrivez l'ID HTML ⬇️



Revenez au bouton et changez le type de lien du bouton en section, puis notez l'ID HTML. ⬇️



Publiez votre site et visitez-le pour voir comment il fonctionne ⬇️



⚠️ Un seul identifiant HTML peut être utilisé pour un élément, une section, une ligne ou une colonne.

Attribut des données

L'attribut Data est utilisé pour ajouter des feuilles de style CSS personnalisées, et un attribut Data peut être utilisé pour plusieurs éléments, sections, lignes et colonnes.

Voici les étapes à suivre pour ajouter des attributs de données à un élément ⬇️

Ajoutez un attribut de données comme indiqué dans l'image ci-dessous



Copier l'attribut de données



Aller à 🔧 Paramètres de la page



Allez dans l'en-tête Code et écrivez votre code



Visualisez les modifications après avoir publié votre site.

Transition au survol

Lorsque vous activez un effet de survol sur un élément, une ligne, une colonne ou une section, l'option Transition de survol vous permet de définir la durée de l'effet de survol.

Voici à quoi ressemble la configuration :

Visibilité et position

Cette option vous permet de modifier la visibilité d'une section, d'une ligne, d'une colonne ou d'un élément sur n'importe quel appareil. Vous pouvez également modifier la position de ces objets à l'aide des options Overflow X et Overflow Y. Voyons ce qu'il en est :

Cacher un élément sur différents appareils :

Se référer à la GIF en testant comment cacher un élément sur différents dispositifs ⬇️

Style personnalisé

Vous pouvez ajouter un code personnalisé à votre site pour l'adapter à vos préférences. Vous pouvez ajouter :

CSS général
CSS "avant
CSS "after




Articles connexes

Sidebar and Modal Editor

Styles tab in Editor

Mis à jour le : 23/10/2023