Documentation en français du builder Oxygen

Icônes de réseaux sociaux

L'élément Social Icons affiche les icônes des réseaux sociaux en relation avec les liens de vos pages de sociales.

Ajouter un élément Social Icons

Pour ajouter un élément Social Icons à votre page cliquez sur Add+ > Helpers > Social Icons.

URLs

Pour afficher vos icônes de réseaux sociaux, ajoutez vos URL de médias sociaux dans les champs appropriés. Les champs suivants sont disponibles:

  • Facebook
  • Instagram
  • Twitter
  • RSS
  • LinkedIn
  • YouTube

Si un champ d'URL est vide, cette icône ne sera pas affichée.

Link Target – Liens cibles

  • New Tab – Nouvel onglet : Ouvre le lien dans un nouvel onglet du navigateur.
  • Current Tab – Onglet actuel : Ouvre le lien dans l'onglet du navigateur utilisé.

Layout – Disposition

  • Row – Rangée : affiche les icônes horizontalement dans une rangée.
  • Column – Colonne : affiche les icônes verticalement dans une colonne.

Icon Size – Taille des icônes

Contrôle la taille, en pixels, de toutes les icônes.
Pour de meilleurs résultats, utilisez des multiples de 4, comme 16, 20, 40, 48, 52, 64, etc.

Space Between Icons – Espace entre les icônes

Contrôle l'espacement, en pixels, entre chaque icône de la liste.

Use Brand Colors – Utiliser les couleurs originales

Pour utiliser les couleurs originales du réseau social, cochez la case Use Brand Colors.

Style d’icône

Contrôlez le style de l'icône avec ces trois options :

  • Blank – Vierge : pas de style (par défaut)
  • Circle – Cercle : place chaque icône dans un cercle
  • Square – Carré : place chaque icône dans un carré

Options de style supplémentaires si les couleurs de la marque ne sont pas utilisées

Si vous ne souhaitez pas utiliser les couleurs de la marque mais définir vos propres couleurs pour toutes vos icônes, décochez la case Use Brand Colors. Les options de couleur suivantes s'afficheront:

  • Background Color – Change la couleur de fond du cercle ou du carré entourant chaque icône.
  • Background Hover Color – Appliquez une couleur de fond différente en survol.
  • Icon Color – La couleur de l'icône.
  • Icon Hover Color – Change la couleur de l'icône en survol.

Remarque : La couleur d'arrière-plan et la couleur de survol de l'arrière-plan ne s'appliquent que lorsque Style d'icône est défini sur cercle ou carré.

Greg C. / Ph. Reskator

Besoin d’un complément d’information ? Retrouvez-nous sur le groupe de soutien
angle-upvenenatis et, libero. Sed elit. quis, ipsum leo. tristique ante. nunc linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram