Passer au contenu

/ Communications et services numériques

Rechercher

Bloc icône

Utilisation

Le bloc icône est normalement utilisé pour afficher une petite image de type "icône" (voir exemple ci-dessous), accompagnée d'un titre et d'un très court texte. Il sert souvent de lien vers une autre page.

La boîte est affichée à 100% de la largeur disponible (en conservant le ratio original de l'image), mais elle peut prendre diverses allures selon la largeur disponible. Par exemple, sur un téléphone ou dans une colonne de petite largeur, l'icône peut apparaître à gauche du titre/résumé.

NOTE IMPORTANTE : Lorsque plusieurs blocs icône sont insérés dans le but de créer un effet sur une ligne, vous devez englober les blocs dans un élément de type Grille-ligne (UdeM Grid). Voir la section Grille-ligne. Lorsque positionnés sur une ligne de cette façon, les encadrés des titres seront ajustés pour être tous de la même hauteur.

Exemple d'un bloc icône (inséré dans une grille-ligne pour en limiter la largeur)

Exemple d'un bloc icône inséré sans grille

Champs à l'insertion/édition

D'autres champs sont définis dans la page des champs communs à tous les éléments de contenu.

General / Titre

Optionnel.

Titre affiché sous l'icône. Il est recommandé d’en limiter la longueur pour conserver un affichage raisonnable.

General / Lien

Optionnel.

Si spécifié, un chevron apparait et l’encadré dans sa totalité agit comme lien.

General / Images

Cliquer sur Ajouter une image pour insérer une ou deux images. La seconde image est utilisée en effet de survol (si un lien est spécifié), si présente. Mais elle optionnelle.

Les images devraient au préalable avoir été déposées dans un des répertoires de la Liste des fichiers.

General / Résumé

Optionnel.

Court résumé affiché sous le titre.

General / Mise en page du contenu / Indentation et cadres

Choisir Encadré - fond blanc avec bordure pour obtenir l'effet désiré.