travaillez actuellement sur la conception héroïque de votre site Web dans Divi, pourriez avoir besoin de trouver des façons intéressantes damp;rsquoajouter des effets de défilement. Avec lamp;rsquooption adhésive Divi, de nombreuses possibilités de conception sont possibles. Dans le tutoriel damp;rsquoaujourdamp;rsquohui, nous nous concentrerons sur lamp;rsquoune de ces possibilités. Nous montrerons étape par étape comment appliquer facilement un style collant pour écraser la Section de défilement. Dans la première partie de ce tutoriel, nous nous concentrerons sur la création damp;rsquoun design, et dans la deuxième partie, nous procéderons aux réglages damp;rsquoadhésif nécessaires! Vous pouvez également gratuitement les fichiers json.
On y va. Aperçu avant damp;rsquoaller plus loin dans ce tutoriel, jetons un coup damp;rsquooeil rapide aux résultats sur différents écrans de taille. Bureau Mobile Téléchargement gratuit mise en page pour obtenir une mise en page gratuite, devez damp;rsquoabord en utilisant les boutons ci dessous. Pour accéder au téléchargement, devez abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci dessous. En tant que nouvel utilisateur, recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! êtes déjà sur la liste, il suffit de saisir votre adresse e mail ci dessous et cliquez sur . Vous ne serez pas « ré abonné » ou recevrez un courriel supplémentaire. Télécharger le fichier
Inscrivez à Divi Newsletter et nous enverrons par courriel une copie du dernier paquet de mise en page de la page damp;rsquoatterrissage Divi, ainsi quamp;rsquoun grand nombre damp;rsquoautres ressources, conseils et astuces Divi gratuits. Suivez nous et serez bientôt maître Divi. êtes déjà abonné, entrez votre adresse e mail ci dessous et cliquez sur pour accéder au paquet Layout.
Vous êtes inscrit avec succès. Vérifiez votre adresse e mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! 1. Créer une structure de conception ajouter une nouvelle couleur de fond de chapitre dans la première partie du tutoriel, nous nous concentrons sur
Camp;rsquoest une question de création de design. Dans la deuxième partie, nous appliquerons lamp;rsquoeffet adhésif. Créez une nouvelle page ou ouvrez une page existante et ajoutez une nouvelle section. Ouvrez les paramètres partiels et appliquez la couleur de fond. Couleur de fond: rgba (53,44,43,0,17) Lamp;rsquoespacement passe à lamp;rsquoonglet conception de la section et modifie les valeurs damp;rsquoespacement comme suit:
Remplissage supérieur: 13vh remplissage inférieur: 0px Ajouter une structure de ligne 1 continuer à ajouter de nouvelles lignes en utilisant la structure de colonne suivante: Redimensionner sans ajouter de module, ouvrir les paramètres de ligne, passer à lamp;rsquoonglet conception et changer les paramètres de taille en conséquence: utiliser la largeur damp;rsquoespacement personnalisée: Oui largeur damp;rsquoespacement: 2 hauteur de colonne équilibrée: Oui largeur: Bureau: 80% tablette et téléphone: 90% largeur maximale: 2580 px Espacement ensuite, supprimez tous les remblais supérieurs et inférieurs par défaut.
Remplissage supérieur: 0px remplissage inférieur: 0px Colonne set 1 spacing then OPEN COLUMN set 1 and change spacing settings as follows: TOP fill: desktop: 25vh tablet and Phone: 10 VH Bottom fill: desktop: 25vh tablet and Phone: 10 VH left fill: 5% right fill: 5% Paramètres de la colonne 2 image de fond, puis ouvrez les paramètres de la colonne 2 et Téléchargez lamp;rsquoimage de fond que avez sélectionnée. Taille de lamp;rsquoimage de fond: couverture emplacement de lamp;rsquoimage de fond: Centre Visibilité pour samp;rsquoassurer quamp;rsquoil fonctionne sur des écrans plus petits, nous cacherons la deuxième colonne dans lamp;rsquoonglet avancé de la tablette et du téléphone.
Ajouter un formulaire de texte 1 à la colonne 1 ajouter du contenu H1 il est temps damp;rsquoajouter un module, en commençant par le premier formulaire de texte de la colonne 1. Ajoutez un contenu H1 de votre choix. Paramètres de texte H1 passer à lamp;rsquoonglet conception mod
Effectuer les réglages nécessaires pour obtenir lamp;rsquoadhésif nécessaire à lamp;rsquoeffet. Vous pouvez également gratuitement le fichier json! avez des questions ou des suggestions, namp;rsquohésitez pas à faire part de vos commentaires dans la section commentaires ci dessous. souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez de abonner à notre newsletter et à YouTube Channel afin que soyez toujours lamp;rsquoun des premiers à apprendre et à bénéficier de ce contenu gratuit.
Comment couvrir Hero on Scroll with Divi Adhesive option
