Différences entre versions de « Modèle:Bloc flottant début »

De Wiki FACiLe
Sauter à la navigation Sauter à 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... »)
 
 
Ligne 21 : Ligne 21 :
 
<pre>
 
<pre>
 
<nowiki>{{Bloc flottant début
 
<nowiki>{{Bloc flottant début
   | titre=Nouvelle boîte
+
   | 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
{{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
 
* 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]
{{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, ...]
 
* 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'').
 
 
=== Exemple concret ===
 
 
(à venir...)
 
  
 
</noinclude><div class="bloc"
 
</noinclude><div class="bloc"

Version actuelle datée 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).