5 - Images, tableaux et mise en page

Chaque bloc ci-dessous se règle avec sa roue. Tous ces réglages écrivent des classes de Bootstrap : votre template les dessine.

Image

Le bloc Image ouvre Iris s'il est installé, sinon les médias de Joomla. Ses réglages :

• Texte de remplacement : ce que l'image apporte, pour qui ne la voit pas. Ou Image décorative : les lecteurs d'écran la passent.
• Légende, Lien, Position (normale, centrée, à gauche ou à droite du texte), Taille, Largeur dans la page.
• Apparence : coins, bordure, ombre.
• Chargement différé : l'image ne se charge qu'à l'approche, la page s'ouvre plus vite.
• Agrandir au clic : un clic l'affiche en grand, Échap la referme. Sans script sur le site. Pas avec un lien.

Boutons

Un lien en forme de bouton, ou plusieurs côte à côte. Chacun a son texte, son adresse (web, courriel, article, menu, contact, image ou document), sa couleur, et un pictogramme : un de la liste, ou votre propre SVG. Ensemble : taille, position, disposition (côte à côte ou toute la largeur).

Tableau

Ajoutez lignes et colonnes ; Tab passe à la case suivante. Réglages :

• Titre du tableau : dit ce qu'il contient, avant de le lire.
• En-têtes : première ligne, première colonne. Ligne de pied (total).
• Bordures, Lignes alternées, Ligne survolée en couleur, Compact, Forme.
• Largeur des colonnes : selon le texte, égales ou sur mesure (en pourcentage).
• Position du texte dans les cases : pour la case du curseur, sa ligne, sa colonne ou tout le tableau.
• Fonds : les couleurs du site.

Colonnes

Deux, trois ou quatre colonnes : égales, un tiers deux tiers, large au centre... On choisit à partir de quel écran elles passent les unes sous les autres (téléphone, tablette, petit ordinateur), la gouttière et l'alignement vertical. Chaque colonne reçoit ses propres blocs. Pas de colonnes dans une colonne.

Encadré

Une zone d'alerte (information, succès, avertissement, erreur) ou un encadré mis en avant. Gardez l'intitulé écrit : c'est lui qui porte le sens pour qui ne distingue pas la couleur. Pictogramme, niveau du titre et alignement se règlent.

Listes, citation, code

• Listes : Tab décale un élément, Maj+Tab le remonte. Puces au choix (disque, cercle, carré, tiret, flèche, coche, aucune) ; une liste numérotée peut commencer à un autre numéro ou compter à rebours.
• Citation : auteur, œuvre et adresse de la source.
• Code : le langage, écrit dans la classe language-xxx que lisent les colorateurs.

Séparateur et Lire la suite

Séparateur trace un trait entre deux parties. Lire la suite coupe l'article : le début s'affiche dans les blogs.

Module

Un module posé dans l'article devient une carte à son nom. Sa roue ouvre la fenêtre du produit qui l'a fait (Opus, Formulus, Iris), sinon le formulaire de module de Joomla.

HTML libre

Ce que Markus ne sait pas modifier fidèlement devient un bloc HTML libre, gardé tel quel. On peut aussi en ajouter un pour coller du code.

À jour pour Markus 1.0.088.