Et ajuster indépendamment. Sélectionnez une couleur ou un gradient pour chaque couleur. Divi prochain onglet Blurb Design
L’onglet conception comprend les paramètres de l’image, de l’icône, de l’effet de curseur de la souris, du texte de titre et de description, ainsi que du texte du bouton, de l’icône et de l’effet de curseur de la souris. La plupart des éléments ont également des espaces de panneau séparés, des bordures et des Parties ombragées. Il y a beaucoup d’ajustements pour concevoir votre annonce.
Image floue suivante
Image floue suivante
Les paramètres de l’image vous permettent de sélectionner l’emplacement de l’image et d’ajuster la bordure. Cet exemple place l’image dans le coin inférieur gauche.
Ceci place l’image à droite au milieu. J’ai ajouté des bordures et changé de couleur. J’ai aussi ajouté une ombre de boîte. Par exemple, j’ai placé l’image en bas au milieu. J’ai enlevé les bords et arrondi les coins. Celui – ci a une ombre de bloc différente.
L’icône contient également des options de placement. Vous pouvez également ajuster la taille, la couleur, les bords, etc. Par exemple, je place l’icône dans le coin inférieur droit.
Icône Blurb suivante
Icône Blurb suivante
Cet exemple montre l’icône du centre gauche. J’ai augmenté la taille, ajouté la bordure et changé la couleur de la bordure.
Cet exemple montre l’icône en haut du Centre. J’a i réduit la taille, ajouté une ombre de boîte et ARRONDI pour créer un cercle. Prochain effet de vol stationnaire flou
Les effets de vol stationnaire comprennent des options 2D et tilt. L’option 2D offre 16 effets à choisir.
Cet exemple montre l’effet de vol stationnaire pulsé.
Les effets d’inclinaison comprennent les options d’éblouissement, d’inversion, de perspective, de vitesse, de début et de fin, etc. Cet exemple montre les options d’inclinaison standard pour activer l’éblouissement. J’ai gardé les paramètres par défaut.
Cet exemple ajoute plus d’éblouissement et de perspective. Il existe de nombreuses façons de personnaliser
La partie spéciale est bonne.
La partie spéciale est bonne.
Maintenant, je peux ajouter des images dans la disposition originale et des effets et des fonctions que les boutons ne peuvent pas obtenir. Par exemple, j’a i ajouté un effet pour la transition de la souris 2D de la roue lourde. Comme je place le texte du titre et les boutons sur le fond noir de l’espace de colonne, les onglets semblent rester inchangés lorsque le contenu est incliné.
Cela comprend l’effet d’inclinaison. J’ai ajouté un halo pour que la carte soit visible en arrière – plan lorsque vous déplacez la souris.
Dans cet exemple, j’a i ajouté une image à Blurb. Je l’ai mis sur le papier.
C’est pourquoi j’ai ajouté l’effet Flyout Flyout juste pour montrer l’animation. C’est une excellente façon d’attirer l’attention des visiteurs, qui errent sur les panneaux d’affichage.
Cela comprend l’effet d’inclinaison sans éblouissement activé. Le papier est incliné à l’intérieur de la colonne, mais les bords du papier ne sont pas visibles.
J’ai supprimé l’arrière – plan de la colonne et l’ai ajouté au formulaire. Ceci maintient l’arrière – plan noir derrière le texte. J’ai aussi ajouté une seule ombre de boîte à l’image. J’ai supprimé les bords, donc quand j’utilise l’effet d’inclinaison, les bords ne sont pas affichés.
C’est l’effet de l’effet d’inclinaison. Il fait du bon travail en ajoutant une perspective à l’image. J’aime l’ombre de la boîte. Divi next Blurb exemple II
Par exemple, j’aimerais remplacer Blurb dans la mise en page de la page d’accueil par le prochain module Blurb et le rendre plus complexe à concevoir.
Il est facile de recréer Blurb en utilisant les paramètres actuels. Tout ce que je fais ici, c’est ajouter des images, des titres et du contenu. Je vais faire quelques ajustements.
J’ai déplacé l’image dans le coin supérieur gauche et ajouté des ombres de cadre pour l’image et le corps du texte. Les coins de la bordure sont arrondis et le corps du texte a maintenant 5 pixels de remplissage en haut
Roi et subordonné.
Roi et subordonné.
Pour ce faire, je place l’icône au Centre à droite et ajuste l’espacement des images pour l’aligner sur le texte du titre. Je définit le texte en blanc et l’arrière – plan du corps en couleur du texte original. Pour le texte du titre, j’a i créé un gradient de fond. Voici les résultats. J’a i ajouté un remplissage en haut du texte du titre, centré tout le texte et ajouté un bouton avec une bordure en bas. J’ai ajouté l’image au bas du Centre et l’ai agrandie. Il y a un peu de remplissage en haut de l’image pour ajouter de l’espace entre l’image et la zone de contenu. Le bouton a une ombre de boîte presque invisible. J’ai caché les bords supérieurs et latéraux pour ne montrer que les bords inférieurs. Pour les effets de vol stationnaire, j’ai ajouté une inclinaison 3D.
Voici l’apparence du prochain Blurb dans la mise en page. Divi next Blurb Price and purchase location Divi next Blurb has three available licenses: single license – 25.00 $illimité license – 49.00 $Lifetime license – 99.00 $you can purchase from the Developer’s Web site. Divi next Blurb est un module intéressant pour Divi. J’ai juste une idée préliminaire de ce qu’il peut faire et de ce qu’il peut concevoir. C’est beaucoup plus réglé et ajusté que je ne le pensais. Presque tous les éléments ont leurs propres paramètres de bordure, d’espacement et d’ombre. Certaines fonctions semblent être placées dans des zones plus standard. Par exemple, le sélecteur d’étiquettes de titre se trouve sur l’onglet Contenu et non sur l’onglet conception. Il est encore facile de savoir où sont les choses, et je peux facilement comprendre ce que font les réglages. J’aime vraiment le profil de Divi next. Si vous êtes intéressé par un module Blurb facile à utiliser qui fait plus que le module Divi standard, il vaut la peine de regarder Divi suivant Blurb. Nous aimerions avoir votre avis. Tu as essayé.
Ou Divi next Blurb? Veuillez nous faire part de vos réflexions dans vos commentaires. Photos en vedette de Leonid zarubin \ shutterstock. Com
Ou Divi next Blurb? Veuillez nous faire part de vos réflexions dans vos commentaires. Photos en vedette de Leonid zarubin \ shutterstock. Com