Mise en évidence du plug – in Divi: ajout de Divi Builder Ultimate
Le plug – in Divi Builder est un plug – in tiers qui ajoute de nombreux scripts jquery utilisés par les sites Web haut de gamme à Divi Builder. Il suffit d’activer ou de désactiver le script désiré et d’ajouter la classe CSS au module Divi Builder. Il est facile à utiliser et contient de nombreuses fonctionnalités et animations. Menu add – ons Ultimate Divi Builder
Charger et activer le plug – in normalement. Un nouvel élément de menu nommé Ultimate Divi Builder Addons a été ajouté au menu du tableau de bord. Cliquez sur ce bouton pour ouvrir un écran avec de nombreuses fonctions dans la fenêtre de gauche. Cliquez sur l’un des boutons pour afficher les interrupteurs et les informations dans la fenêtre de droite. La fenêtre de droite contient également des classes css pour certains effets et montre comment les utiliser. D’autres comprennent plusieurs interrupteurs pour une variété de fonctions et d’options, comme la couleur, la taille de l’image, la durée, etc. Par défaut, ils sont désactivés. Active la fonction affichée en violet et désactive la fonction grise. Dans l’exemple ci – dessus, la fonction inclut d’autres options que la classe CSS. Lorsque vous cliquez sur la fenêtre de droite, toutes les informations dont vous avez besoin sur la façon d’utiliser une fonctionnalité particulière sont affichées dans cette fenêtre. Les fonctionnalités incluent: personnaliser la barre de diapositives glisser horizontalement dans la vue Flip – in texte caché titre du sujet Split jquery vertical Roll jquery Horizontal Roll jquery Roll Flow jquery Roll FX jquery Roll trigger jquery end page box Charger l’effet de titre pendant le défilement 1 charger l’effet de titre pendant le défilement 2 charger l’effet de titre pendant le défilement 3 charger l’effet de titre pendant le défilement 4 détecter la durée de la réaction d’animation défiler Magic ScrollExemple montrant l’ajout de stickystack: jquery overlay Effect super simple text Marker \/ rotator animation wow Ultimate Divi Builder voici quelques exemples de fonctionnalités pour la mise en page Divi.
Barre de défilement personnalisée Les barres de défilement personnalisées vous permettent de placer des barres de défilement sur le contenu. Il a huit effets différents. Collez la classe CSS dans le champ de classe CSS de la section, de la ligne ou du formulaire où vous souhaitez utiliser l’effet. Dans cet article, j’a i ajouté un effet de barre de défilement personnalisée au contenu du formulaire texte dans la mise en page e – sport. Une barre de défilement apparaît lorsque vous passez le curseur afin que je puisse défiler pour voir plus dans le même espace. Voici l’effet 1. Il est conçu différemment sur le terrain. J’ai effacé l’arrière – plan, donc c’est très visible. Voici l’effet 3. Ajoutez des flèches en haut et en bas de la diapositive. L’effet 5 change la poignée de la ligne au point et change le style de la flèche. Inversion de texte L’inversion de texte est un effet de saisie de texte qui crée une animation d’introduction pour un tic – tac. Il a 5 effets. Par exemple, j’ajoute le texte inversé à la mise en page des parajuristes. C’est le premier effet de frappe à l’envers. Tapez une lettre à la fois. Plusieurs classes sont disponibles. Tout le monde tape à une vitesse différente. Jquery scrollflow Le flux de défilement jquery ajoute une animation rayée ou de défilement de module. Il a 5 animations. Je l’ai ajouté à une ligne de la mise en page des parajuristes afin d’affecter tous les modules ensemble. Vous pouvez également l’ajouter à un seul module de la ligne pour faire défiler en place pour tenir compte du reste qui existe déjà. Quand Je défile vers la ligne, le contenu commence à apparaître. Il est plus petit que la normale et l’opacité est réglée à un niveau suffisant
Barre de défilement. Il y a quatre styles à choisir. Voici l’effet 1. Ajoutez une ligne de défilement en haut de l’écran. Il s’agrandit au fur et à mesure que vous Défilez, montrant combien de parties de la page les visiteurs ont déjà vues. Voici l’effet 2. Affiche une barre plus large. Voici l’effet 3. Le défilement augmente verticalement et occupe la hauteur du logo. Il ne sera pas plus grand, mais il affichera toujours l’effet de défilement. 4 l’effet est la largeur du logo. Détecteur Revealator ajoute une animation qui permet le défilement à une section, une ligne ou un module. Il a près de 40 options. J’ai ajouté une annonce à la disposition de la boulangerie. Blurb est perdu jusqu’à ce que le conteneur soit complètement visible à l’écran. Il anime l’écran en fonction de la classe que vous sélectionnez. Il existe un certain nombre d’options d’animation, y compris fade in, left rotation, Right rotation, left roll, Right roll, up roll, down roll, Front Scale et back scale. Essuie – glaces magiques Scroll Magic section wipes crée une animation qui efface le contenu de l’écran pendant le défilement. Je crois que c’est mon préféré. Ajouté à la section. Une fois que la section est complètement affichée à l’écran, elle se verrouille en place et la section suivante glisse sur elle. Vous pouvez l’ajouter à toutes les sections pour créer une méthode de défilement intéressante pour toute la page. Si vous voulez que chaque section se chevauche, vous pourriez être intéressé par la fonction stickystack. Détection des rouleaux Le défilement affiche le module sur la barre de défilement. Choisissez parmi 17 animations différentes. Vous pouvez l’ajouter à une section, une ligne ou un formulaire. La partie inférieure Zoome sur le lecteur pendant le défilement. C’est l’effet 1F. Lorsque vous Défilez sur une ligne, la ligne tourne en place. Stickystack: jquery override Effects Stickystack: jquery stacki