Modification de Modèle:Bloc flottant début

<noinclude>
Ce modèle facilite la création de blocs flottants à gauche ou à droite ou les deux (au centre). Il s'agit en fait d'une syntaxe wiki pour faire de belles divisions (<nowiki><div></div></nowiki>) HTML/CSS.

=== Description du modèle ===

Inclure ce bout code dans une page wiki:

{{Bloc flottant début
  | titre=titre boîte
  | bordure=orange
  | fond=lavender
  | flotte=right
  | couleurTitre=gold
  | largeur=39%}}
Contenu du bloc

Dans lequel on peut mettre les élément ''wiki'' habituels...
{{Bloc flottant fin}}

{{Bloc flottant début | flotte=left | largeur=59%}}
<pre>
<nowiki>{{Bloc flottant début
  | titre=Nouvelle boîte
  | bordure=orange
  | fond=lavender
  | flotte=left
  | couleurTitre=gold
  | largeur=39%}}
Contenu du bloc

Dans lequel on peut mettre
les éléments ''wiki'' habituels...
{{Bloc flottant fin}}</nowiki>
</pre>
{{Bloc flottant fin}}
<br style="clear: both" />


=== Paramètres ===
Liste complète des paramètres:
* titre=test de boîte
* couleur=green, couleur du texte
{{Bloc flottant début
  | titre=Couleurs
  | bordure=teal
  | fond=silver
  | arrondi=20px
  | flotte=right
  | couleurTitre=magenta
  | largeur=49%}}
Vous pouvez trouver ici une liste de couleurs possibles: [http://fr.wikipedia.org/wiki/Couleurs_du_Web]
{{Bloc flottant fin}}
* fond=rgb(0, 155, 0), couleur de fond
* flotte=left, quel côté [left, right, both]
* largeur=49%, taille de la boîte, en % ou px
* bordure=red, couleur de bordure de la boîte
* bordureTaille=1px, taille de la bordure [10px, 1%, thin]
* bordureStyle=solid, type de la bordure [outset, inset, ridge]
* aligne=left, de quel côté est aligné le texte [left, center, right]
{{Bloc flottant début
  | titre=Images
  | bordure=LimeGreen
  | fond=LawnGreen
  | arrondi=5px
  | flotte=right
  | couleurTitre=Green
  | largeur=30%
  | icon=Relire.png}}
Accessibles ici: [[Spécial:Liste_des_images]]
{{Bloc flottant fin}}
* tailleTexte=normal, taille du texte [12px, 100%, larger, small, ...]
* arrondi=0px, taille de l'arrondi, que pour firefox et safari [10px, 1em]
* icon=Together.png, image à placer sur la droite de la boîte
* iconTaille=32px, taille de l'icône à placer sur la droite
* espace_padding=0.2em 0.2em, espace de bordure de cellule

Utile ! Pour ajouter un espace entre deux boîtes successives, il suffit de faire :
 <nowiki><br style="clear: both; margin: 1em;" /></nowiki>
(adapter la taille de l'espacement en changeant la valeur du ''em'').


=== Exemple concret ===

(à venir...)

</noinclude><div class="bloc"
style="
	clear: {{{flotte}}};
	width: {{{largeur}}};
	margin: 0 auto 1em auto;
	float: {{{flotte|none}}};
	color: {{{couleur|black}}};
	background-color: {{{fond}}};
	text-align: {{{aligne|left}}};
	font-size: {{{tailleTexte|normal}}};
	-moz-border-radius: {{{arrondi|0px}}};
	-webkit-border-radius: {{{arrondi|0px}}};
	border: {{{bordureType|solid}}} {{{bordureTaille|thin}}} {{{bordure}}};">
<div class="titre" style="
	display: {{#ifeq: {{{titre|none}}} | none | none | ''}};
	-webkit-border-radius: {{{arrondi|0px}}};
	-moz-border-radius: {{{arrondi|0px}}};
	border-bottom: solid 1px {{{bordure}}};
	background-color: {{{couleurTitre}}};
	padding: {{{espace_padding|0.2em 0.2em}}};
	font-size: 120%;
	font-weight: bold">{{#ifeq:{{{icon|default}}}|default||[[Image:{{{icon|Namespace Wikipedia.svg}}}|{{{iconTaille|32px}}}|right]]}}{{{titre|}}}
</div>
<div style="padding: 0.2em 0.5em">
<noinclude>[[Catégorie:Modèles]]</noinclude>