Créer une page d’atterrissage Vertex virtuelle en utilisant Divi

Haut – parleurs Le lien ajoute ensuite un lien d’ancrage. URL du lien: # speaker Alignements sur l’onglet conception, définissez les alignements. Alignement des boutons de bureau: tablette droite et téléphone: Centre Styles de boutons personnalisés vous pouvez également ajuster les styles de boutons personnalisés. Taille du texte: 24px couleur du texte: blanc # FFFFFF fond: espacement transparent des lettres: 1px caractères du bouton: rayon de l’aile: 0px

Boîte d’ombre enfin, ajoutez une ombre de boîte. Ombres de boîte: quatrième option position horizontale: 0px position verticale: 5 Px couleur de l’ombre: pourpre: # b030b0 Cloner les modules de boutons dans la colonne 3 cloner les boutons dans la colonne 2 et placer les modules de réplication dans la colonne 3. Le module de bouton de réglage de texte modifie le texte dans le bouton Clone. Boutons: programmes Le lien change également le lien d’ancrage. URL du lien: # programme N’oubliez pas non plus de modifier l’alignement. Aligner le bouton de bureau à gauche Ajouter une nouvelle ligne – structure de colonne ajouter une nouvelle ligne avec deux colonnes égales. Ajustez d’abord la largeur de la gouttière. Largeur de gouttière personnalisée: 2 Espacement ajouter l’espacement suivant. Distance supérieure du téléphone: – 35px La visibilité ajuste ensuite la visibilité de la ligne. Désactiver: tablettes et ordinateurs de bureau Cloner le module bouton et placer le bouton clone réplique dans la colonne 1 Cloner le module bouton dans la colonne 2 de la ligne précédente et placer le module réplique dans la colonne 1 de la nouvelle ligne. Module ajuster les boutons personnaliser le style des boutons ajuster le texte dans les nouveaux boutons. Taille du texte: 20px La boîte d’ombre modifie également l’ombre de la boîte. Position verticale: 4px Ajouter un module de bouton cloné à la colonne 2 Cloner le module de bouton copier le module de bouton dans la colonne 3 de la ligne précédente. Collez – le dans
H6 Description: contenu du paragraphe Dans l’onglet conception, spécifiez un style pour le texte. Polices: taille du San ouvert: 14px espacement des lettres: 1px alignement: gauche Le texte du titre modélise ensuite toutes les couches du titre. Niveau de l’en – tête: H4 caractères: poids des ailes: taille en gras: 40px niveau de l’en – tête: H5 caractères: taille des ailes: 25px hauteur de la ligne: 1,5 em niveau de l’en – tête: h6 caractères: style des ailes: taille en pente: 19px hauteur de la ligne: 1,5 em La bordure peut également façonner la bordure. Style: largeur du bord inférieur: 3 pcs couleur: pourpre # b030b0 Cloner un formulaire Texte 2 cloner un formulaire texte copie le premier formulaire texte deux fois. Ajuster le contenu du nouveau formulaire de texte Édition de texte Cloner le formulaire de texte. Date du texte: nouveau contenu H4 Rapporteur: nouveau contenu H5 sujet: nouveau contenu h6 Description: paragraphe nouveau contenu Supprimer la bordure du troisième formulaire de texte de bordure supprimer la bordure du dernier formulaire dans la colonne. Largeur inférieure du Bureau: 0px tablette et téléphone: 3px Supprimer les colonnes des paramètres de ligne clone pour la colonne 3 et la colonne clone 2, et supprimer la colonne 3. Répétez la colonne 2. Supprimer et ajuster le formulaire texte supprimer le formulaire texte supprimer le troisième formulaire texte dans la colonne Clone. Ajuster le contenu rafraîchit le contenu de chaque nouveau formulaire de texte. Date du texte: nouveau contenu H4 Rapporteur: nouveau contenu H5 sujet: nouveau contenu h6 Description: paragraphe nouveau contenu Cloner le module bouton et placer le bouton clone réplique dans la colonne 3 copier le bouton Enregistrer dans la section titre et le coller sous le dernier formulaire de texte dans la colonne 3. Ajuster l’alignement du module bouton modifie l’alignement du bouton gauche. Alignement des boutons: à gauche Les styles de boutons personnalisés redimensionnent légèrement le texte. Taille du texte du Bureau et t
Téléphone: 25 pixels Téléphone: 20 pixels Cloner la première ligne de la section Abacus cloner la première ligne de la section schedule. Le module de réglage du texte dans le texte de la colonne 1 modifie le contenu du module de texte cloné. Texte: jour 2 Ajuster le texte du formulaire d’invitation à l’action ajuster le contenu du formulaire d’invitation à l’action. Titre: titre description du thème du nouveau jour: nouveau contenu descriptif L’arrière – plan change également l’image de fond. Image de fond: nouvelle image avec effet bicolore Modifier le texte du formulaire de texte ajuste également le contenu du formulaire de texte. Date du texte: nouveau contenu H4 Rapporteur: nouveau contenu H5 sujet: nouveau contenu h6 Description: paragraphe nouveau contenu Créer une Section d’enregistrement ajouter une nouvelle section arrière – plan la dernière section est utilisée pour l’enregistrement. Ajouter une nouvelle section et modéliser l’arrière – plan comme suit. Vous trouverez l’image du pied de page dans le dossier de téléchargement ci – dessus. Couleur de fond: violet # 602080 image de fond: image de pied de page Position de l’image: Centre mort supérieur L’espacement ajuste également l’espacement des sections. Remplissage supérieur: 70px remplissage inférieur: 120 px Visibilité et modifier les paramètres de visibilité dans l’onglet avancé. Débordement horizontal et Vertical: caché Ajouter une nouvelle ligne – structure de colonne ajoutez maintenant une nouvelle ligne en utilisant une colonne. Ajouter des séparateurs visibilité du module ajouter des séparateurs invisibles pour ancrer la section. Afficher les séparateurs: Non ID CSS entrez l’ID CSS qui est connecté à tous les boutons enregistrés. CSS id: registers Ajouter une nouvelle structure de colonne de ligne ajouter une deuxième ligne avec deux colonnes égales. Redimensionner redimensionner les paramètres de ligne. Largeur de gouttière personnalisée: 4 largeur: 80% largeur maximale: 1800px Ajouter un module de minuterie pour le compte à rebours Styles de boutons personnalisés vous pouvez également ajuster les styles de boutons personnalisés. Taille du texte: 20px couleur du texte: blanc # FFFFFF couleur de fond: bleu # 1f4068 rayon de bord: 15px espacement des lettres: 1px caractères: bord supérieur de l’aile: 10px remplissage supérieur tablette et téléphone: 60px N’oubliez pas de régler le rayon du bord. Filet: 15px largeur du bord: 2px couleur: blanc # ffff Enfin, ajoutez un CSS personnalisé pour un remplissage supplémentaire. Nom du contact: remplir le bas: 30px; Remplissage du fond: 30px; Ils ont réussi! Regardons à nouveau la conception de la page d’atterrissage sur différents écrans de taille. Bureau Comprimés Mobile C’est un paquet. À quoi ressemble votre page d’atterrissage du Sommet virtuel? Utilisez ceci pour le résumé virtuel ou le client de conception web. La navigation est optimisée pour être convertie avec une quantité appropriée d’informations. Nous avons également ajouté un séparateur de section coulissante pour ajouter un peu d’effet visuel. Veuillez nous faire part de vos réflexions dans vos commentaires. Avez – vous téléchargé la mise en page ou suivi les étapes?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *