Il codice generico è il seguente:
((Box colorati|parametro colore)) testo che vuoi inserire ((Fine box colorati))
"Parametro colore" va sostituito con il nome di uno dei colori disponibili, mentre ((Fine box colorati)) va sempre inserito alla fine per chiudere il template.
Il template Box colorati permette di creare un contenitore o semplicemente un riquadro, in cui poter inserire testo e/o immagini. I box sono disponibili nei seguenti colori:
((Box colorati|celeste)) testo ((Fine box colorati))
((Box colorati|verde)) testo ((Fine box colorati))
((Box colorati|verde scuro)) testo ((Fine box colorati))
((Box colorati|giallo)) testo ((Fine box colorati))
((Box colorati|giallo scuro)) testo ((Fine box colorati))
((Box colorati|arancio)) testo ((Fine box colorati))
((Box colorati|viola)) testo ((Fine box colorati))
((Box colorati|salmone)) testo ((Fine box colorati))
((Box colorati|sabbia)) testo ((Fine box colorati))
((Box colorati|blu)) testo ((Fine box colorati))
((Box colorati|rosa)) testo ((Fine box colorati))
((Box colorati|rosso)) testo ((Fine box colorati))
((Box colorati|default)) testo ((Fine box colorati))
((Box colorati|transp)) testo ((Fine box colorati))
Oltre ai colori standard, è possibile colorare il fondo del box come si vuole, utilizzando il paramentro "fond". Per il parametro "fond" possono essere utilizzati i colori sia HTML che X11, sia in codice esadecimale (esempio: #b0e0e6) sia con il nome inglese (esempio: powderblue). Per vedere una vasta gamma di colori, puoi consultare le seguenti pagine: Aiuto:Tavolozza dei colori e Aiuto:Colori
Esempi:
((Box colorati|viola|fond=yellow)) testo ((Fine box colorati))
((Box colorati|viola|fond=powderblue)) testo ((Fine box colorati))
((Box colorati|viola|fond=#b0e0e6)) testo ((Fine box colorati))
Il box è di default al 100%. Per farli di dimensione più piccola possono essere utilizzati il tag DIV o wikitable:
Esempio con i tag <div></div>:
Il codice per avere questo risultato è il seguente:
<div style="width:49%;float:left;align:left;"> ((Box colorati|salmone)) *salmone ((Fine box colorati)) </div>
Il parametro width esprime la larghezza (in questo caso 49%), float ed align indicano il posizionamento del box, cioè a sinistra.
Esempio con codice wiki:
|
|
Il codice per avere questo risultato è il seguente:
{|width="49%" cellspacing="8" |((Box colorati|arancio)) *arancio ((Fine box colorati)) |- |((Box colorati|salmone)) *salmone ((Fine box colorati)) |}
Il parametro width esprime la larghezza(in questo caso 49%), cellspacing indica lo spazio che ci deve essere tra una cella ed un'altra (in questo caso 2 moduli, quindi lo spazio tra due moduli)