Documentation Typo3
  • Introduction
  • Notions de base
    • Interface
    • Structure des sites
    • Les pages
      • Créer des pages
      • Actions sur les pages
      • Types de pages
      • Propriétés de la page
      • Ajouter un bandeau de page
    • Menus et footer
    • Ajout de contenu
    • Les composants
      • Texte & Médias
        • Titre
        • Texte et/ou image
        • Texte et/ou média
        • Texte dans des colonnes
        • Citation
        • Texte avec extrait
        • Texte avec icône
        • Panneau
        • Contenu audio
      • Groupes
        • Groupe de carte
        • Groupe de liste
        • Accordéon
        • Onglet
        • Groupe d'icônes
      • Menus
        • Pages
        • Sommaire
        • Sous-pages
        • Résumés
        • Plan de site
        • Cartes des pages
        • Cartes de sous-pages
        • Pages récemment mises à jour
      • Mise en page
        • Boite de mise en exergue
        • Carrousel
        • 2/3/4 Colonnes
        • Séparation
      • Autres contenus
        • Pur HTML
          • Timeline Twitter
          • Vidéos Youtube
          • Facebook
          • Google Maps
        • Liste de fichiers
        • CSV
        • Contenu miroir
        • Chiffres clés
        • Liste des formations
        • Localisation du bâtiment
        • Bloc lien externe
        • Mini annuaire
        • Réseaux sociaux
    • Les fichiers
  • Notion avancées
    • Multi-langues
    • Workspaces
    • Espace privé
    • Les modules
      • Formulaires
      • News
      • Publications HAL
      • Thèses
      • Ouvrages
        • Création du premier ouvrage
        • Ajouter des informations complémentaires
        • Gérer les séries (ou collections)
      • 🚫AddThis
      • Icônes réseaux sociaux
      • Contenu Map
      • Trombinoscope
        • Trombinoscope mixte
        • Trombinoscope simple
  • Outils complémentaires
    • Formation vidéo
    • Plausible
    • Sitechecker
  • Sites spécifiques
    • Introduction
    • Site Carrière
    • Site institutionnel
      • Le carrousel
      • Ça se passe à l'université
      • The Conversation
      • Regardez
      • Rencontrez
      • Feuilletez
      • Ecoutez
  • ⚖️Aspects juridiques
    • RGPD
    • Droit à l'image
    • Image libre de droits
    • Droit d'auteur
  • Divers
    • FAQ
    • Couleurs Charte
    • Contact
Propulsé par GitBook
Sur cette page
  • Disponible sur...
  • Présentation
  • Exemples

Cet article vous a-t-il été utile ?

  1. Notions de base
  2. Les composants
  3. Texte & Médias

Texte avec icône

Insérer une icône avec du texte

PrécédentTexte avec extraitSuivantPanneau

Dernière mise à jour il y a 12 mois

Cet article vous a-t-il été utile ?

Disponible sur...

Présentation

Ajout d'un nouveau composant Texte avec icône

  1. Sur la page en mode , trouvez la section où vous souhaitez ajouter un composant Texte avec icône.

  2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.

  3. Sélectionnez Texte avec icône dans l'onglet Texte & Médias.

Configuration du composant

Dans l'onglet Général

  1. Entrez le titre dans la zone titre

  2. Entrez éventuellement un lien dans la zone Lien

  3. Entrez votre texte dans la zone Texte

Dans l'onglet Icône

  1. Choisissez le Groupe d'icônes

  2. Selectionnez une Icône dans la liste

Ajout d'un nouveau composant Texte avec icône

  1. Sur la page en mode , trouvez la section où vous souhaitez ajouter un composant Texte avec icône.

  2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.

  3. Pour les sites Sélectionnez Texte avec une icône disponible dans l'onglet Contenus flexibles. Pour les sites Sélectionnez Texte et icône dans l'onglet Contenus spéciaux.

Configuration du composant

Dans l'onglet Général

  1. Entrez le titre dans la zone Titre

  2. Entrez éventuellement un lien dans la zone Lien

  3. Dans la zone Icône choisissez : - La Position de l'icône - Son Type (rien, dans un cercle ou dans un carré). - Sa Taille - Les Couleurs de l'icône et du fond

  4. Entrez le texte dans la zone Texte

Exemples

Vous pouvez trouver des exemples d'utilisation du Contenu Texte avec icône :

Texte avec une Icône
Logo
Texte avec icône
Logo