Modèle:Clr/Documentation : Différence entre versions

De EncyclopAtys

(Sauvegarde intermédiaire)
 
Ligne 1 : Ligne 1 :
 
 
[[{{FULLPAGENAME}}|⇐]]
 
[[{{FULLPAGENAME}}|⇐]]
 
== Utilisation ==
 
== Utilisation ==
  
Le '''modèle ''{{BASEPAGENAME}}''''' est une variante du modèle de base  <nowiki>{{</nowiki>clear}} destiné à forcer les images à ne pas sortir de leur paragraphe.
+
Le '''modèle ''{{BASEPAGENAME}}''''' est une variante du modèle de base  ''<nowiki>{{</nowiki>clear}}'' destiné à forcer les images à ne pas déborder de leur paragraphe.
  
 
== Syntaxe ==
 
== Syntaxe ==
  
  <nowiki>{{</nowiki>{{BASEPAGENAME}}
+
  <nowiki>{{</nowiki>{{BASEPAGENAME}}}}
|type=valeur1
 
|group=valeur2
 
}}
 
 
== Paramètres ==
 
== Paramètres ==
* <code>type</code> : il s'agit de l'un des 4 types de couleurs (bg, fg, light, dark) (par défaut, la couleur obtenue est une couleur saturée proche du modèle du groupe).
+
Normalement ''Clr'' n'a pas besoin de paramètre. Mais comme il est construit sur le ''clear'' html, on peut lui attribuer l'une des 4 valeurs paossibles : ''right'', ''left'', ''both'' et ''none''.
* <code>group</code> : il s'agit de l'un des 12 énumérés plus haut (par défaut, la couleur obtenue est celle du wiki, avec mises en évidences).
 
 
 
 
== Exemple ==
 
== Exemple ==
 
===Sans séparateur===
 
===Sans séparateur===
 
====Paragraphe 1====
 
====Paragraphe 1====
[[Image:Dummy.png|right]]
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. [[Image:Dummy.png|left]] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.
 
 
====Paragraphe 2====
 
====Paragraphe 2====
 
Sed dolor nisi, faucibus vel eleifend at, ultrices ac arcu. Phasellus dapibus blandit nibh, nec tempus libero mattis vel. Suspendisse vitae ultricies lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum consequat vulputate. Fusce molestie, nunc vel tristique porttitor, diam diam luctus mauris, sit amet luctus urna nibh sed nisi. Vestibulum purus libero, varius id bibendum at, eleifend non justo. Proin faucibus consequat ante in imperdiet. Ut in enim ipsum. Proin mollis, diam nec iaculis faucibus, mi lectus placerat lectus, quis pretium mauris urna non orci. Pellentesque diam lacus, tincidunt in vestibulum eu, consequat a lacus. Quisque rutrum scelerisque odio, a placerat lacus mollis ut. Duis nec tortor mauris. Integer nec ante sapien, eu ornare dui.
 
Sed dolor nisi, faucibus vel eleifend at, ultrices ac arcu. Phasellus dapibus blandit nibh, nec tempus libero mattis vel. Suspendisse vitae ultricies lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum consequat vulputate. Fusce molestie, nunc vel tristique porttitor, diam diam luctus mauris, sit amet luctus urna nibh sed nisi. Vestibulum purus libero, varius id bibendum at, eleifend non justo. Proin faucibus consequat ante in imperdiet. Ut in enim ipsum. Proin mollis, diam nec iaculis faucibus, mi lectus placerat lectus, quis pretium mauris urna non orci. Pellentesque diam lacus, tincidunt in vestibulum eu, consequat a lacus. Quisque rutrum scelerisque odio, a placerat lacus mollis ut. Duis nec tortor mauris. Integer nec ante sapien, eu ornare dui.
 +
====Code du paragraphe 1====
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. <span style="color:red"><nowiki>[[Image:Dummy.png|left]]</nowiki></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.
 
===Avec séparateur===
 
===Avec séparateur===
 
====Paragraphe 1====
 
====Paragraphe 1====
[[Image:Dummy.png|right]]{{Clr}}
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. [[Image:Dummy.png|left]] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.
 
 
{{Clr}}
 
{{Clr}}
 
====Paragraphe 2====
 
====Paragraphe 2====
Sed dolor nisi, faucibus vel eleifend at, ultrices ac arcu. Phasellus dapibus blandit nibh, nec tempus libero mattis vel. Suspendisse vitae ultricies lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum consequat vulputate. Fusce molestie, nunc vel tristique porttitor, diam diam luctus mauris, sit amet luctus urna nibh sed nisi. {{Clr}}Vestibulum purus libero, varius id bibendum at, eleifend non justo. Proin faucibus consequat ante in imperdiet. Ut in enim ipsum. Proin mollis, diam nec iaculis faucibus, mi lectus placerat lectus, quis pretium mauris urna non orci. Pellentesque diam lacus, tincidunt in vestibulum eu, consequat a lacus. Quisque rutrum scelerisque odio, a placerat lacus mollis ut. Duis nec tortor mauris. Integer nec ante sapien, eu ornare dui.{{Clr}}
+
Sed dolor nisi, faucibus vel eleifend at, ultrices ac arcu. Phasellus dapibus blandit nibh, nec tempus libero mattis vel. Suspendisse vitae ultricies lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum consequat vulputate. Fusce molestie, nunc vel tristique porttitor, diam diam luctus mauris, sit amet luctus urna nibh sed nisi. Vestibulum purus libero, varius id bibendum at, eleifend non justo. Proin faucibus consequat ante in imperdiet. Ut in enim ipsum. Proin mollis, diam nec iaculis faucibus, mi lectus placerat lectus, quis pretium mauris urna non orci. Pellentesque diam lacus, tincidunt in vestibulum eu, consequat a lacus. Quisque rutrum scelerisque odio, a placerat lacus mollis ut. Duis nec tortor mauris. Integer nec ante sapien, eu ornare dui.
===Avec séparateur===
+
====Code du paragraphe 1====
 
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. <span style="color:red"><nowiki>[[Image:Dummy.png|left]]</nowiki></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.<span style="color:red">'''<nowiki>{{Clr}}</nowiki>'''</span>
...
 
<pre>
 
...
 
</pre>
 
 
 
== Voir aussi ==
 
* [[modèle:ColorAtys]] pour les couleurs des groupes d'Atys.
 
  
 
<noinclude>
 
<noinclude>
[[Catégorie:Modèle outils taxobox]]
 
[[Catégorie:Modèle taxobox|Taxobox]]
 
[[Catégorie:Modèle:Portail]]
 
 
[[Catégorie:Modèles]]
 
[[Catégorie:Modèles]]
[[Catégorie:Charte graphique]]
 
[[Catégorie:Modèle:Chartes graphiques]]
 
[[de:Vorlage:Nom du modèle germanophone équivalent]]
 
 
</noinclude>
 
</noinclude>

Version du 5 septembre 2012 à 18:01

Utilisation

Le modèle Clr est une variante du modèle de base {{clear}} destiné à forcer les images à ne pas déborder de leur paragraphe.

Syntaxe

{{Clr}}

Paramètres

Normalement Clr n'a pas besoin de paramètre. Mais comme il est construit sur le clear html, on peut lui attribuer l'une des 4 valeurs paossibles : right, left, both et none.

Exemple

Sans séparateur

Paragraphe 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit.
Dummy.png
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.

Paragraphe 2

Sed dolor nisi, faucibus vel eleifend at, ultrices ac arcu. Phasellus dapibus blandit nibh, nec tempus libero mattis vel. Suspendisse vitae ultricies lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum consequat vulputate. Fusce molestie, nunc vel tristique porttitor, diam diam luctus mauris, sit amet luctus urna nibh sed nisi. Vestibulum purus libero, varius id bibendum at, eleifend non justo. Proin faucibus consequat ante in imperdiet. Ut in enim ipsum. Proin mollis, diam nec iaculis faucibus, mi lectus placerat lectus, quis pretium mauris urna non orci. Pellentesque diam lacus, tincidunt in vestibulum eu, consequat a lacus. Quisque rutrum scelerisque odio, a placerat lacus mollis ut. Duis nec tortor mauris. Integer nec ante sapien, eu ornare dui.

Code du paragraphe 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. [[Image:Dummy.png|left]] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.

Avec séparateur

Paragraphe 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit.
Dummy.png
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.

Paragraphe 2

Sed dolor nisi, faucibus vel eleifend at, ultrices ac arcu. Phasellus dapibus blandit nibh, nec tempus libero mattis vel. Suspendisse vitae ultricies lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum consequat vulputate. Fusce molestie, nunc vel tristique porttitor, diam diam luctus mauris, sit amet luctus urna nibh sed nisi. Vestibulum purus libero, varius id bibendum at, eleifend non justo. Proin faucibus consequat ante in imperdiet. Ut in enim ipsum. Proin mollis, diam nec iaculis faucibus, mi lectus placerat lectus, quis pretium mauris urna non orci. Pellentesque diam lacus, tincidunt in vestibulum eu, consequat a lacus. Quisque rutrum scelerisque odio, a placerat lacus mollis ut. Duis nec tortor mauris. Integer nec ante sapien, eu ornare dui.

Code du paragraphe 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum elit non orci lobortis convallis. Integer fringilla, elit vel egestas tempus, arcu felis blandit nisi, sit amet interdum arcu mi non quam. Sed rutrum justo sagittis elit feugiat eget vehicula leo sodales. Nullam quis metus magna, eget fringilla est. Suspendisse potenti. Nulla erat urna, sodales quis mattis ac, tincidunt non mauris. In porttitor vehicula odio eu blandit. [[Image:Dummy.png|left]] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan rhoncus nisi, a vestibulum enim condimentum ac.{{Clr}}