Infobox
Dans un monde de courte attention, la façon dont vous présentez les informations fait toute la différence Un bloc de texte brut est sauté ; une boîte d'informations conçue est lue Le Master Addons Info Box Element aide à créer des modules de contenu compacts et puissants Commencez par un Style Preset professionnel, puis ajoutez votre icône ou image, un titre convaincant et une description claire Style chaque couche indépendamment des arrière-plans, des bordures, du texte et des effets de survol (highlights) pour créer un service, expliquer les fonctionnalités, ou des CTA qui ne sont pas simplement assis sur la page, ils fonctionnent pour elle.
Préréglages et dispositions de style préfabriqués
Battez le bloc créatif et gagnez des heures Choisissez parmi dix préréglages de style uniques (variation un à dix) qui appliquent instantanément des mises en page et des styles visuels coordonnés Que vous ayez besoin d'un simple design icône gauche, d'une carte centrée ou d'une boîte moderne de style bannière, il y a un point de départ Ces préréglages gèrent la structure et le style de base, afin que vous puissiez vous concentrer sur votre contenu et votre mise au point, garantissant ainsi un look raffiné dès votre tout premier clic.
- 10+ Ready-Made Designs : Appliquer des préréglages comme“Variation One,” “Variation Nine,” etc., pour une structure visuelle instantanée.
- Variété de mise en page : obtenez différentes dispositions pour le placement d'icônes/images (en haut, à gauche, à droite) et le flux de contenu.
- Cohérence de conception : assurez-vous que toutes les boîtes d'informations de votre site partagent une base professionnelle et cohérente.
Typographie et contrôle du texte
Contrôlez l'apparence de votre texte avec précision Stylez le titre et la description indépendamment Pour chacun, définissez la typographie (police, taille, poids), la couleur et l'alignement. Vous pouvez même définir différentes couleurs de texte pour les états Normal et Hover, créant ainsi une expérience interactive cohérente. Ajustez le remplissage autour des blocs de texte pour créer une salle de respiration et assurez-vous que votre message est aussi facile à lire que convaincant.
- Style de texte séparé : appliquez une typographie et une couleur uniques au titre et à la description.
- Couleurs du texte interactif : modifiez la couleur du texte lorsque l'utilisateur survole l'intégralité de la zone d'information.
- Options d'alignement : Alignez le texte à gauche, au centre ou à droite pour qu'il corresponde à votre disposition et à votre préréglage.
Styling avancé avec Hover States
Faire du conteneur un élément clé de la conception Stylez les styles généraux avec un arrière-plan (couleur, dégradé ou image) et des commandes de bordure complètes (type, largeur, couleur, rayon).Contrôlez correctement le rembourrage et la marge pour un espacement parfait. Ensuite, donnez-lui vie en stylisant des états Normal et Hover séparés Changez la couleur d'arrière-plan, la bordure ou même appliquez une animation Hover lorsque les utilisateurs interagissent. Cela transforme une boîte statique en un élément interactif et engageant.
- Arrière-plans à double état : définissez différentes couleurs ou images d'arrière-plan pour les états normal et supérieur.
- Contrôle complet des frontières : conception du type de frontière, de la largeur, de la couleur et du rayon de tous les côtés.
- Commentaires interactifs : utilisez les effets d'animation Hover (comme s'estomper, pousser, grandir) pour récompenser l'interaction de l'utilisateur.
Foire aux questions pour Infobox
Quelle est l'utilisation la plus courante de cette boîte d'informations ?
C'est incroyablement polyvalent Les principales utilisations sont : les vitrines de service/longueur (icône + titre + brève description), les profils des membres de l'équipe (image + nom + rôle), les points de contact (icône +“Appelez-nous” + numéro) et les CTA promotionnels (icône + titre convaincant + lien à offrir).
Puis-je lier la boîte entière à une page, pas seulement le titre ?
Par défaut, vous pouvez ajouter un lien uniquement vers le titre. Mais n'ayez crainte, assurez-vous d'activer le lien wrapper et vous pouvez ajouter un lien vers l'infobox entière.
Dois-je utiliser une icône ou une image ?
Les icônes sont les meilleures pour les concepts symboliques et simples (un équipement pour les“settings,” un téléphone pour les“contact”). Elles évoluent parfaitement et sont légères Utilisez des Images lorsque vous devez montrer un logo spécifique, le visage d'une personne ou une photo de produit pour la reconnaissance de la marque.
L'effet de vol stationnaire est-il nécessaire ?
Pas nécessaire, mais fortement recommandé Un effet de survol subtil (comme un changement de couleur d'arrière-plan ou une ombre) fournit un retour visuel précieux à l'utilisateur, indiquant que l'élément est interactif Il améliore grandement la sensation professionnelle et polie de votre site.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
