Redimensionnez la page en extrayant simplement le fichier zip et en faisant glisser le fichier json dans Divi Builder.
On va voir le tutoriel, non? Abonnez à notre canal YouTube ce dont avez besoin pour démarrer, devez installer les sujets Divi et activer la nouvelle page que créez pour construire des images virtuelles à partir de zéro sur le Front End (Visual Builder) pour les utiliser dans la conception. Je vais utiliser une image de fond transparente du paquet de mise en page du magasin de jus. Après ça, tu peux commencer! La conception de lamp;rsquoeffet damp;rsquoimplémentation met la hauteur du séparateur de section au dessus de Divi pour créer des sections et des lignes damp;rsquoabord, nous créons une section générale avec deux colonnes de lignes.
Avant damp;rsquoajouter un module, ouvrez les paramètres de section et mettez à jour ce qui suit: couleur de fond du gradient gauche: 73ba57 couleur de fond du gradient droit: 2A4 C23 largeur: 80% largeur maximale: 1080px alignement de section: Centre
Ajouter un titre de chapitre pour ajouter un titre de chapitre, créez un formulaire de texte et mettez à jour le contenu du corps avec le titre H2 suivant: Jus de fruits
Puis mettre à jour la conception comme suit: titre 2 caractères: côté titre 2 taille du texte: 80 Px titre 2 espacement des lettres: 5px marges: 50px haut, 40px bas index Z: 1
La marge personnalisée et lamp;rsquoindex Z permettront au texte de suivre lamp;rsquoimage que nous ajouterons à lamp;rsquoétape suivante. Sous le formulaire texte dont le titre se trouve dans la colonne 1, ajoutez un formulaire image. Puis téléchargez une image avec un fond transparent. Lamp;rsquoimage que jamp;rsquoai utilisée provient du Juice Shop Layout pack, qui est 240px X 300px.
Ajuste lamp;rsquoalignement de lamp;rsquoimage au Centre.
Ajouter une invitation à agir dans la colonne 2 ajouter un formulaire damp;rsquoinvitation à agir dans la colonne 2. Ajouter une URL de lien au bouton pour samp;rsquoassurer quamp;rsquoil est affiché
Il y en a un dans la colonne 1. Ensuite, lorsque déplacez la souris, les appels damp;rsquoaction restants sont affichés.
Vérifiez les résultats actuels. Ajoutez un effet damp;rsquoombre de boîte de curseur pour les transitions uniques, et ajoutez un design pour les transitions uniques et les transitions de conception à la souris, et pouvez ajouter un effet de transition de souris damp;rsquoombre de boîte qui se produit en même temps que lamp;rsquoeffet de transition de la souris de hauteur de séparation. Pour ce faire, ajoutez les ombres de boîte suivantes à cette section. Shadows of Frame: see screenshot Frame Shadows horizontal Location: 0px Frame Shadows vertical Location: 0px Frame Shadow Spread Force: 0 Px (default), 150 Px (overhang) Shadow Frame color: 73ba57
Enfin, réduisons un peu la durée de la transition. Durée de la transition: 700 MS Résultat final il samp;rsquoagit du résultat final sur votre bureau. ne voulez pas cacher du contenu sur votre tablette ou votre téléphone, pouvez facilement changer la disposition du séparateur de ces appareils en
Comment utiliser les effets lorsque vous passez le curseur Afficher la hauteur du séparateur de section dans Divi
