Créer un popup de validation Âge de l’élément

Les trois paramètres suivants: onglet Contenu – > titre: Avez – vous plus de 21 ans? Étiquette HTML: H1 alignement: style de feuille central – > couleur du texte du titre: # FFFFFF typographie – > taille: 50 Px textstroke: 5 Px, couleur de ligne: # 252af Il est temps d’ajouter un bouton. Nous voulons concevoir le premier bouton. Sélectionnez le Widget bouton dans le panneau Widget et faites – le glisser et déposer dans la zone de la toile (sous le Widget titre). Commençons à concevoir des boutons. Selon vos préférences, vous pouvez vérifier les paramètres suivants:
Onglet Contenu – > boutons texte: Oui alignement: taille centrale: icônes moyennes: sélectionnez vérifier (️) Emplacement de l’icône dans la Bibliothèque d’icônes: après Onglet styles – > boutons typographiques – > taille: 20 Px normal: Text color: # FFFFFF background type: Classic color: # 3d5040 up: Text color: # 000000 background type: Classic color: # e00808 animation en vol stationnaire: reduce Boundary radius: 30 Px (Linking values Together) Onglet avancé – > mise en page des marges: extraire les valeurs; Dans le champ supérieur, réglez – le à 20 px Ensuite, nous ajouterons un deuxième bouton. Sélectionnez le Widget du bouton dans le panneau Widget et faites – le glisser et déposer dans la zone de la toile (sous le premier bouton). Certains changements ont été appliqués, par exemple:
Onglet Contenu – > boutons texte: Non, j’ai l’alignement caramel: taille centrale: icône moyenne: Sélectionnez l’emplacement de l’icône barre de sucre dans la Bibliothèque d’icônes: après Onglet styles – > couleur normale du texte du bouton: \ # FFFFFF type de fond: couleur classique: \ # 201121200 (transparent) couleur du texte au – dessus: \ # ffedba type de fond: couleur classique: \ # b7149a type de bordure: largeur solide: valeur non liée; Dans le champ ci – dessous, définissez – le à 3 Px couleur: # 0d20a1 rayon de la bordure: valeur de retrait; Dans le champ ci – dessous, réglez – le à 3 Px padding: s
Valeur du lien; Dans le champ ci – dessous, réglez – le à 3 px Onglet avancé – > mise en page
Marge: valeur de rupture; Dans le champ supérieur, réglez – le à 15 px Une fois la conception du bouton terminée, vous pouvez passer aux paramètres de partition. Cliquez sur la poignée de section pour modifier la section, puis vous pouvez utiliser les paramètres. À titre de référence, vous pouvez voir quelques modifications que nous appliquons ici, par exemple: onglet mise en page – > hauteur du conteneur: hauteur minimale hauteur minimale: 350 px Style card – > background background type: Classic color: # 0360d766 style card – > Edge type: Solid width: 25 Px (join values) color: # 2f004aa8 Border radius: 45 Px (join values) Onglet avancé – > mise en page
Marge: valeur de rupture; Dans le champ supérieur, réglez – le à 60 px Ensuite, nous allons pointer vers le bouton. Commençons par le bouton oui; Nous voulons activer ce bouton pour fermer la fenêtre contextuelle. Allez aux options de lien et cliquez sur l’icône de marquage dynamique. Ci – dessous, sélectionnez l’option Flyout et cliquez sur l’icône clé pour voir certains paramètres. Dans les options d’action, réglez – le pour fermer la fenêtre contextuelle. Ensuite, sur l’option ne plus afficher, réglez – le à oui en faisant glisser l’interrupteur vers la droite. Nous réglerons le bouton non pour naviguer vers un site adapté à l’âge. Allez dans le champ lien et ajoutez le lien désiré.
Nous devons nous assurer que vos visiteurs répondent à vos pop – ups. Retournez aux paramètres de la fenêtre contextuelle et cliquez sur l’onglet avancé. Il y a beaucoup d’options ici, mais nous n’avons que deux options à changer. Dans prevent Click override et prevent Click ESC options, définissez ces options à oui en faisant glisser le commutateur vers la droite. Comme ce pop – up est affiché en cliquant sur un bouton, vous pouvez le publier sans définir de conditions, de déclencheurs ou de règles avancées: cliquez sur le public, puis cliquez sur le bouton