Wiki Go-Toubun no Hanayome
Advertisement
Wiki Go-Toubun no Hanayome

Description

Ce modèle vous permet de forcer une rupture sur le côté gauche, le côté droit ou les deux côtés de la page.

Ce modèle ajoute le code suivant à la page : <div style="clear:left/right/both;"></div> (la valeur après clear dépend des paramètres ; la valeur « both » est celle par défaut, les valeurs « gauche » et « droite » sont acceptées pour left et right). Ce code affecte les éléments avec la propriété CSS float, y compris les fichiers flottants sur le côté (par exemple, [[Fichier:Image.png|right]]).

  • Avec le paramètre « both », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à gauche ou à droite (infoboxes, images, etc.).
  • Avec le paramètre « left », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à gauche (infoboxes, images, etc.).
  • Avec le paramètre « right », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à droite (infoboxes, images, etc.).

Syntaxe

Saisissez {{clr}} dans un article à l'endroit où vous souhaitez faire la rupture.

  • Pour effectuer une rupture des deux côtés de la page, ajoutez le code {{Clr}}.
  • Pour effectuer une rupture uniquement du côté gauche de la page, ajoutez le code {{Clr|<left>}} ou {{Clr|<gauche>}}.
  • Pour effectuer une rupture uniquement du côté droit de la page, ajoutez le code {{Clr|<right>}} ou {{Clr|<droite>}}.

Vous pouvez également utiliser {{-}} au lieu de {{Clr}} est un raccourci pour appeler ce modèle.


Exemple

=== Section 1 ===
[[Fichier:Example.jpg|200px|right]]
Texte de la section 1.

=== Section 2 ===
Texte de la section 2.
{{Clr|droite}}

=== Section 3 ===
Texte de la section 3.

Ce code produit le résultat suivant :


Section 1

Example.jpg

Texte de la section 1.

Section 2

Texte de la section 2.

Section 3

Texte de la section 3.


Comme vous pouvez le voir ci-dessus, l'image en exemple ajoutée dans la section 1 est affichée à droite et s'étend vers le bas, traversant la section 2 tandis que le modèle {{Clr}} est appelé à la fin de la deuxième section, ce qui fait que l'image en exemple n'est pas à côté de la section 3. Ainsi, une des utilisations du modèle {{Clr}} est de contrôler quels éléments sont affichés à côtés d'autres éléments.

Voir aussi

Advertisement