Icônes de réseaux sociaux Exemples

Observez les exemples de Icônes de réseaux sociaux pour révéler tout le potentiel du widget. Assurez-vous qu’il conviendra à tous vos objectifs.

Exemple 1: Icônes sociales

C'est l'une des variantes les plus courantes du widget. Les icônes sont en cercle et disposées sur une ligne horizontale - grâce à la disposition Inline du widget. Bien que vous puissiez choisir n'importe quelle couleur d'arrière-plan, ici les couleurs d'origine du support sont enregistrées et leurs symboles sont blancs. C'est une bonne variante pour une zone de contenu de n'importe quel site Web.

Exemple 2: Icônes flottantes

Si vous choisissez une mise en page flottante, le widget se déplacera le long de la page, en suivant le défilement et restera donc toujours à portée de main. Ce type de disposition peut être aligné sur n'importe quel côté de l'écran et sera réorganisé en horizontal, si vous choisissez l'alignement central. Les icônes ici sont carrées avec le style par défaut.

Exemple 3: Icônes noires

Ces icônes sont absolument uniques grâce à la solution de couleur noir et blanc. Les couleurs de l'arrière-plan et le symbole du support ont été modifiés dans les paramètres. Les icônes sont en ligne et alignées au centre. Il existe également un effet d'animation de vol en survol.
Commencez par créer votre widget
Commencez par créer votre widget
Vite. Facile. Pas de codage.
Créer un widget

Exemple 4: Icônes blanches

Pour adapter le widget au concept général du style, vous pouvez changer totalement son apparence. Ici, les icônes ont un fond blanc et les symboles du support sauvegardent les couleurs natives pour sauvegarder l'authenticité. La forme arrondie et la largeur personnalisée les ont rendus épurés et minimalistes.

Exemple 5: Nettoyer les icônes

Grâce au style de symbole appliqué à ce widget, les icônes sont affichées sans l'arrière-plan. Les icônes des médias ont sauvé les couleurs natives et elles semblent minimalistes et propres. L'animation de zoom apparaît au survol, et vous pouvez également choisir d'autres variantes d'animation.

Exemple 6: Plus d'icônes

Vous pouvez afficher n'importe quelle quantité d'icônes sur la page, et cet exemple prouve qu'elles auront fière allure, quel que soit le nombre. Il y a 8 icônes disposées sur une ligne et alignées au centre. Tous ont des couleurs natives d'arrière-plan et de symboles et affichent une animation de rebond lorsqu'ils sont survolés.

Exemple 7: Messagers

TCet exemple montre comment vous pouvez diriger les utilisateurs vers vos chaînes dans les messagers directement à partir du site Web. Les icônes de cet exemple ont une taille moyenne de 32 pixels et ont la forme d'un cercle. Les couleurs originales des messagers sont enregistrées en arrière-plan et les symboles eux-mêmes sont blancs. Ces options, ainsi que d'autres paramètres de personnalisation peuvent être facilement modifiés dans l'éditeur.

Rejoignez 305,165 clients utilisant déjà Elfsight Apps

Essayez plus de 50 applications puissantes d'Elfsight. Pas de carte de crédit. L'adhésion est gratuite!
Commencer
Obtenez 20% de réduction maintenant!