« Modèle:Bloc flottant début » : différence entre les versions

De Wiki FACiLe
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... »)
(Aucune différence)

Version du 17 août 2013 à 08:20

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

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=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}}



Paramètres

Liste complète des paramètres:

  • titre=test de boîte
  • couleur=green, couleur du texte
Couleurs

Vous pouvez trouver ici une liste de couleurs possibles: [1]

  • 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).


Exemple concret

(à venir...)