« Modèle:Bloc flottant début » : différence entre les versions
Aller à la navigation
Aller à la recherche
(Page créée avec « <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 d... ») |
Aucun résumé des modifications |
||
| Ligne 21 : | Ligne 21 : | ||
<pre> | <pre> | ||
<nowiki>{{Bloc flottant début | <nowiki>{{Bloc flottant début | ||
| titre= | | titre=titre boîte | ||
| bordure=orange | | bordure=orange | ||
| fond=lavender | | fond=lavender | ||
| Ligne 41 : | Ligne 41 : | ||
* titre=test de boîte | * titre=test de boîte | ||
* couleur=green, couleur du texte | * couleur=green, couleur du texte | ||
* fond=rgb(0, 155, 0), couleur de fond | * fond=rgb(0, 155, 0), couleur de fond | ||
* flotte=left, quel côté [left, right, both] | * flotte=left, quel côté [left, right, both] | ||
| Ligne 58 : | Ligne 48 : | ||
* bordureStyle=solid, type de la bordure [outset, inset, ridge] | * bordureStyle=solid, type de la bordure [outset, inset, ridge] | ||
* aligne=left, de quel côté est aligné le texte [left, center, right] | * aligne=left, de quel côté est aligné le texte [left, center, right] | ||
* tailleTexte=normal, taille du texte [12px, 100%, larger, small, ...] | * tailleTexte=normal, taille du texte [12px, 100%, larger, small, ...] | ||
* arrondi=0px, taille de l'arrondi, que pour firefox et safari [10px, 1em] | * arrondi=0px, taille de l'arrondi, que pour firefox et safari [10px, 1em] | ||
| Ligne 78 : | Ligne 57 : | ||
<nowiki><br style="clear: both; margin: 1em;" /></nowiki> | <nowiki><br style="clear: both; margin: 1em;" /></nowiki> | ||
(adapter la taille de l'espacement en changeant la valeur du ''em''). | (adapter la taille de l'espacement en changeant la valeur du ''em''). | ||
</noinclude><div class="bloc" | </noinclude><div class="bloc" | ||
Dernière version du 17 août 2013 à 09:26
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 (<div></div>) HTML/CSS.
Description du modèle[modifier le wikicode]
Inclure ce bout code dans une page wiki:
titre boîte
Contenu du bloc
Dans lequel on peut mettre les élément wiki habituels...
{{Bloc flottant début
| titre=titre 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}}
Paramètres[modifier le wikicode]
Liste complète des paramètres:
- titre=test de boîte
- couleur=green, couleur du texte
- 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]
- 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 :
<br style="clear: both; margin: 1em;" />
(adapter la taille de l'espacement en changeant la valeur du em).