Utente:MFH/Sandbox/4
< Utente:MFH | Sandbox
{{{testo}}}
Uso
Questo template serve come struttura base per dei riquadri. La sua versione semplice, utilizzabile anche da chi di CSS non ci capisce niente, è:
{{Riquadro |larghezza= |colore-sfondo= |colore-testo= |colore-bordo= |spessore-bordo= |header= |testo= |footer= |file-sx= |largh-file-sx= |file-dx= |largh-file-dx= }}
Se invece si è interessati a fare qualche manipolazione grafica:
{{Riquadro |classe= |larghezza= |colore-sfondo= |colore-testo= |colore-bordo= |stile-bordo= |spessore-bordo= |stile-riquadro= |header= |stile-header= |testo= |stile-testo= |footer= |stile-footer= |file-sx= |largh-file-sx= |file-dx= |largh-file-dx= }}
Infine, la versione completa di tutti i parametri:
{{Riquadro |id= |classe= |larghezza= |colore-sfondo= |colore-testo= |colore-bordo= |stile-bordo= |spessore-bordo= |margini= |stile-riquadro= |header= |stile-header= |testo= |stile-testo= |footer= |stile-footer= |file-sx= |largh-file-sx= |stile-file-sx= |link-file-sx= |file-dx= |largh-file-dx= |stile-file-dx= |link-file-dx= }}
Parametro | Descrizione | Tipo di dato | Esempio | Valore di default |
---|---|---|---|---|
id | ID | Nome dell'ID | ||
classe | Classe CSS | Nome della classe | radius | |
larghezza | Larghezza del riquadro. | Percentuale Numero di pixel Automatico |
80% 400px auto |
auto |
colore-sfondo | Colore dello sfondo. | Esadecimale Colori HTML |
#FFFFFF white |
white |
colore-testo | Colore del testo. | Esadecimale Colori HTML |
#0000FF blue |
black |
colore-bordo | Colore del bordo. | Esadecimale Colori HTML |
#000000 black |
black |
stile-bordo | Stile del bordo. | Proprietà CSS del bordo | solid | solid |
spessore-bordo | Spessore del bordo. | Numero di pixel | 3px | 2px |
margini | Proprietà CSS del riquadro che permette di modificare i margini del box dal resto degli oggetti. | Codice CSS | 1em | 0.5em auto |
stile-riquadro | Proprietà CSS dell'intero riquadro. | Codice CSS | padding: 4px; | text-align: center; border: spessore-bordo stile-bordo colore-bordo; color: black; padding-top: 2px;[1] |
header | Il testo che viene visualizzato al di sopra delle immagini, su tutta la larghezza del riquadro. | Testo | ||
stile-header | Stile dell'header. | Codice CSS | color: red; | width: 100%;[1] |
testo | Il testo presente nel riquadro. | Testo | ||
stile-testo | Stile del testo | Codice CSS | color: red; | padding: 5px;[1] |
footer | Il testo che viene visualizzato al di sotto delle immagini, su tutta la larghezza del riquadro. | Testo | ||
stile-footer | Stile del footer. | Codice CSS | color: red; | width: 100%;[1] |
file-sx file-dx |
Immagine visibile a sinistra. Immagine visibile a destra. |
Un'immagine presente su Nonciclopedia | Esempio.jpg | |
largh-file-sx largh-file-dx |
Larghezza dell'immagine. | Pixel | 120px | 100px |
stile-file-sx stile-file-dx |
Proprietà CSS del riquadro di un'immagine. | Codice CSS | padding: 4px; | padding: 6px;[1] |
link-file-sx link-file-dx |
Link ad una pagina | Nome della pagina | Nonciclopedia:Amministratori | link all'immagine |
Note
{{Cat|Template di servizio}}