Modèle:Float/documentation

De testwiki
Version datée du 15 août 2023 à 09:58 par imported>LeptiBot (Déplacement dans une catégorie plus précise)
(diff) ← Version précédente | Version actuelle (diff) | Version suivante → (diff)
Aller à la navigation Aller à la recherche

Utilisation

Permet de créer des blocs flottants.

Remarque

Lorsque align= vaut center, le bloc n’est pas flottant. Pour obtenir un bloc flottant centré, il faut préciser align=left et large=100% (cf. exempleModèle:Lié5, casModèle:Lié2).

Syntaxe

Il faut remplacer dans la syntaxe ci-dessous les points de suspension par le contenu du bloc : image (préférez dans ce cas-là Modèle:M, partition (avec <score></score>), formule mathématique (avec <math></math>), etc. Pour un bloc contenant seulement du texte, préférez Modèle:M et Modèle:M.

Syntaxe simplifiée

{{Float
 | 1     = …
 | width = 
 | align = 
 | cap = 
}}

Syntaxe complète

{{Float
 | 1     = …
 | m     =
 | align = 
 | large =
 | width = 
 | alt   = 
 | ancre =
 | above = 
 | cap   = 
 | capalign = 
 | style = 
}}

Paramètres

<templatedata> { "params": { "1": { "label": "Contenu", "description": "Contenu du bloc flottant", "type": "string" }, "align": { "label": "Alignement", "description": "Aligne l’image à gauche, à droite, ou au centre", "example": "left, right, center", "type": "string", "default": "right" }, "capalign": { "label": "Alignement du contenu", "description": "Alignement du contenu", "example": "left, right, center", "type": "string", "default": "center" }, "width": { "label": "Largeur de l’image", "description": "Largeur de l’image", "example": "2em, 200px", "type": "string", "default": "150px" }, "large": { "label": "Largeur du cadre", "description": "Largeur du cadre contenant l’image", "example": "2em, 200px", "type": "string", "default": "150px" }, "m": { "label": "Margeverticale", "description": "Marge verticale avant et après le bloc image + légende", "example": "2em, 20px", "type": "string", "default": "1em si align=center, 0 sinon" }, "style": { "label": "Autres styles en CSS", "description": "Permet d’insérer d’autres styles en CSS", "example": "font-size: 80%; line-height: 80%;", "type": "string" }, "above": { "label": "Texte au-dessus", "description": "Ajoute du texte au-dessus de l'image", "type": "string" }, "alt": { "label": "(alt-text) Texte alternatif", "description": "Texte qui apparaît lors du survol par la souris, ou pour les systèmes pour malvoyants", "type": "string" }, "cap": { "label": "Légende", "description": "Légende de l’image", "type": "string" }, "ancre": { "label": "Ancre", "description": "Ancre (doit contenir au moins une lettre)", "type": "string" } }, "description": "Permet de créer des images ou des schémas flottants.", "paramOrder": [ "1", "width",

       "m",
       "large",

"cap", "align", "alt", "capalign", "style", "above",

       "ancre"

], "format": "block" } </templatedata>

Exemple

Exemple 1. — Bloc à droite

Modèle:Code rendu |-

|

{{Float
 | 1 = <score>{\omit Staff.TimeSignature <c' e' g' c''>1}</score>
 | width = 250px
 | align = right
 | cap = Fig. 2.
}}
{{exemple texte|4}}

||

|-

|

{{Float
 | 1 = <score>{\omit Staff.TimeSignature <c' e' g' c''>1}</score>
 | width = 150px
 | align = right
 | cap = Fig. 2.
}}
{{exemple texte|4}}

||

|}

Exemple 2. — Bloc à gauche

Modèle:Code rendu |-

|

{{Float
 | 1 = <score>{\omit Staff.TimeSignature <c' e' g' c''>1}</score>
 | width = 150px
 | align = left
 | cap = Fig. 2.
}}
{{exemple texte|4}}

||

|}

Exemple 3. — Alignement du contenu du bloc

Modèle:Code rendu |-

|

{{Float
 | 1 = <score>{\omit Staff.TimeSignature <c' e' g' c''>1}</score>
 | width = 150px
 | align = right
 | cap = Fig. 2.
 | capalign = right
}}
{{exemple texte|4}}

||

|}

Exemple 4. — Bloc à droite avec texte au dessus

Modèle:Code rendu |-

|

{{Float
 | 1 = <score>{\omit Staff.TimeSignature <c' e' g' c''>1}</score>
 | width = 150px
 | align = right
 | cap = Fig. 2.
 | above = ''Accord parfait''
}}
{{exemple texte|5}}

||

|}

Exemple 5. — Bloc centré

Dans ce cas, le texte ne peut pas entourer l’image.

Premier cas. — Bloc non flottant.

Modèle:Code rendu |---

|

{{exemple texte|2}}
{{Float
 | 1 = <score>{\omit Staff.TimeSignature <c' e' g' c''>1}</score>
 | width = 200px
 | align = center
 | cap = Fig. 2.
}}
{{exemple texte|5}}

||

|}

Deuxième cas. — Bloc flottant.

Modèle:Code rendu |-

|

{{exemple texte|3}} {{Float
 | 1 = <score>{\omit Staff.TimeSignature <c' e' g' c''>1}</score>
 | large = 100%
 | m     = 2em
 | align = left
 | cap   = Fig. 2.
}} {{exemple texte|5}}

||

|}

Voir aussi