– Vous pouvez utiliser ces styles de pente sur votre site Divi.

Étapes de l’effet d’inclinaison

1. Télécharger Inclinaison Déposer.

2. Extrayez les fichiers

3. Importez le fichier Tilt Effects.json sous Divi -> Divi Library -> Bouton Import & Export

4. Après l’importation des fichiers JSON de mise en page, voir ci-dessous

5. Ajoutez une nouvelle page et cliquez sur « Ajouter à partir de la bibliothèque » OU sur l’icône « + » sous la section

Nouveau Divi Builder

Ancien constructeur de Divi

7. Après avoir choisi la mise en page, cliquez sur Section, puis sur Publier la page.

8. Voici la possibilité bidirectionnelle d’utiliser l’inclinaison.

1. Utilisation du sujet enfant
Vous trouverez le fichier « DPDiviChild.zip » dans le dossier de déballage. Téléchargez-le et activez-le.

Si un sujet enfant existe déjà, procédez comme suit
-> Copiez le dossier « js » et collez-le dans votre sujet enfant existant.
-> Copiez le code de la fonction de script de mise en file d’attente « dp_tilt_scripts » et collez-le dans le fichier functions.php existant du sujet subordonné.
-> Copiez le code style.css et collez-le dans le fichier style.css existant du sujet enfant.

2. Sans sujet enfant
-> Téléchargez le fichier «vanilla-tilt.min.js» sur votre serveur ou n’importe où et ajoutez ce chemin dans l’onglet Divi-> Options du thème -> Intégration.
-> Copiez le code js du fichier init-tilt.js et collez-le dans Divi-> Options de conception -> onglet Intégration.
Écrivez simplement la balise de script avant le code de démarrage et quittez la balise de script une fois le code terminé.

Voir l’image

-> Copiez le code de style du fichier style.css et collez-le dans Divi-> Options de conception -> Général -> CSS personnalisé.

Voir l’image


Pour Simple Effect, utilisez la classe dp-tilt-column pour le module et ajoutez la classe pour jquery.
Pour l’effet de parallaxe, utilisez la classe dp-tilt-column-parallex pour le module et ajoutez la classe pour jquery.
Pour l’éblouissement, utilisez la classe dp-tilt-column-glare pour le module et ajoutez la classe pour jquery.

Voir l’image





Source link

Recent Posts