Ajouter l’effet de défilement suivant: fade in and out: active viewport Bottom position: 42% initial Opacity: 0% average Opacity Bottom position: 43% first position: 53% average Opacity: 100% viewport top position: 54% final Opacity: 0%
Copiez le formulaire texte deux fois clonez le formulaire texte deux fois.
Ajuster le texte du deuxième formulaire de texte modifier le contenu du nouveau formulaire de texte. Texte: H2 contenu – direction artistique
La position ajoute également une position absolue au module. Position: absolue: en haut à gauche
L’effet de défilement met ensuite à jour les paramètres de l’effet de défilement. Fade in and out: Active Low viewport Location: 56% initial Opacity: 0% Medium Opacity Low Location: 57% First Location: 67% average Opacity: 100% viewport top Location: 68% final Opacity: 0%
Adaptation du troisième texte le texte est maintenant adapté au deuxième texte en double. Changez d’abord le contenu. Texte: contenu H2 – articles de paysage et garde – robe
Position, puis ajouter une position absolue. Position: absolue: en haut à gauche
L’effet de défilement change ensuite l’effet de défilement. Fade in and out: active viewport Bottom position: 70% initial Opacity: 0% average Opacity Bottom position: 71% first position: 80% average Opacity: 100% viewport top position: 81% final Opacity: 0%
Ajouter un module image il est temps d’ajouter un module image. Utilisez une image carrée de 350 x 350 Px.
Image: Image carrée 350 x 350 pixels
Image: Image carrée 350 x 350 pixels
Aligner définit l’alignement à gauche. Alignement de l’image: à gauche
L’espacement ajuste également l’espacement. Afficher l’espace sous l’image: pas de marge supérieure: – 60 pixels
Le filtre est ensuite ajouté pour rendre l’image non saturée. Saturation: 0%
La visibilité passe maintenant à l’onglet avancé et Import
Débordement caché. Débordement horizontal et Vertical: caché
Débordement caché. Débordement horizontal et Vertical: caché
Enfin et surtout, ajoutez des effets de défilement entrants et sortants. Fade in and out: Active Low viewport Location: 70% initial Opacity: 0% Medium Opacity Location: 71% Medium: 100% viewport top Location: 100% final Opacity: 0%
Ajoute un formulaire d’invitation dans une action texte au formulaire suivant, qui est le formulaire d’invitation pour l’action. Inclure certains de vos choix. Titolo: il Team artistico di Jason Pulsante: Art team of prenota Jason Corpo: contento descriptivo
Lien ajouter le lien suivant. Liens: vos liens
L’arrière – plan supprime également la couleur d’arrière – plan par défaut. Utiliser la couleur de fond: Non
Le texte définit ensuite l’alignement à droite. Alignement du texte: à droite
Le style de texte du titre est également le texte du titre. Niveau du titre: H3 caractères: fredoke un titre alignement du texte: couleur de gauche: Noir # oooooooo taille du Bureau: 48 pixels tablette: 42px téléphone mobile: 33px espacement des polices Bureau et tablette: 1px téléphone mobile: 0P largeur des rayons X Bureau et tablette: 1,6em téléphone mobile: 1,1em
Texte, texte. Police: verdana couleur: Noir # 000000 taille: 14px espacement des lettres: 0,5 px
Les boutons peuvent également être stylisés. Style personnalisé taille du texte: 17px couleur du texte: blanc # FFFFFF fond: Noir # 000000 espacement des lettres: 1px caractères: vert marge supérieure: 20px marge supérieure et inférieure: 10px marge gauche et droite: 25 px
La position passe à l’onglet avancé et modifie les paramètres de position comme suit: position: origine du décalage parent: décalage horizontal supérieur gauche: 25px
La visibilité cache donc le débordement. Débordement horizontal et Vertical: caché Enfin et surtout, activez l’effet de défilement
Alignement du corps du texte: redimensionner à gauche n’oubliez pas de changer l’alignement de l’ensemble du module dans les paramètres de redimensionnement. Alignement du module: Enfin, réinitialiser les paramètres de position par défaut, terminé! Emplacement: réinitialiser à l’aperçu par défaut
Alignement du corps du texte: redimensionner à gauche n’oubliez pas de changer l’alignement de l’ensemble du module dans les paramètres de redimensionnement. Alignement du module: Enfin, réinitialiser les paramètres de position par défaut, terminé! Emplacement: réinitialiser à l’aperçu par défaut
regardons enfin la mise en page sur différents écrans de taille. Bureau
déplacer
il s’agit d’une enveloppe de mise en page qui change le texte et l’image lorsque vous Défilez! Nous avons terminé la recréation du texte et de l’image qui ont été modifiés lors du défilement. Grâce à l’effet de défilement intégré de Divi, nous sommes en mesure d’atteindre cet effet. Utilisez cette mise en page pour une page de service, une page d’information, une page de réunion d’équipe ou n’importe quelle page que vous aimez! Utilisez le papier peint fourni ou conservez un fond d’écran blanc. Faites – nous savoir ce que vous en pensez dans vos commentaires!