Nonciclopedia

Template:Riquadro: differenze tra le versioni

Template Rosica

Template:Riquadro (visualizza wikitesto)

Versione delle 06:14, 14 nov 2020

1 740 byte aggiunti ,  3 anni fa
sostituisco {{cat}} con Categoria
VisualeWikitesto
mNessun oggetto della modifica
(sostituisco {{cat}} con Categoria)
 
(64 versioni intermedie di 15 utenti non mostrate)
Riga 1:
{| {{#if:{{{classe|}}}|class="{{{classe}}}"}} {{#if:{{{allinea|}}}|align=center cellpadding="2{{{allinea}}}"}} style="text-align: center; width: {{{larghezza|90%auto}}}; background-color: {{{colore-sfondo|white}}}; border: {{{spessore-bordo|2px}}} {{{stile-bordo|solid}}} {{{colore-bordo|black}}}; color: {{{colore-testo|black}}}; margin:{{{margini|0.5em auto}}}; padding-top:2px; {{{stile-riquadro|}}}"
{{#if:{{{file-sx|}}}|{{!}}style="padding-right: 4px; padding-left: 4px6px; {{{stile-file-sx|}}}"{{!}}[[File:{{{file-sx}}}|{{{posiz-file-sx|left}}}|{{{largh-file-sx|100px}}}{{#if:{{{link-file-sx|}}}|{{!}}link={{{link-file-sx}}}}}]]}}
|{{{testo|Contenuto del riquadro}}}
{{#if:{{{file-dx|}}}|{{!}}style="padding-right: 4px; padding-left: 4px6px; {{{stile-file-dx|}}}"{{!}}[[File:{{{file-dx}}}|{{{posiz-file-dx|right}}}|{{{largh-file-dx|100px}}}{{#if:{{{link-file-dx|}}}|{{!}}link={{{link-file-dx}}}}}]]}}
|}<noinclude>
 
==Uso==
Questo template serve come struttura base per dei riquadri. La sua versione semplice, eutilizzabile sianche usada chi di CSS non ci capisce niente, cosìè:
<nowiki>{{Riquadro
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|spessore-bordo=
|testo=
|file-sx=
|largh-file-sx=
|file-dx=
|largh-file-dx=
}}</nowiki>
 
Se invece si è interessati a fare qualche manipolazione grafica:
<nowiki>{{Riquadro
|classe=
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|stile-bordo=
|spessore-bordo=
|stile-riquadro=
|testo=
|file-sx=
|largh-file-sx=
|file-dx=
|largh-file-dx=
}}</nowiki>
 
Infine, la versione completa di tutti i parametri:
<nowiki>{{Riquadro
|classe=
|allinea=
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|stile-bordo=
|spessore-bordo=
|margini=
|stile-riquadro=
|testo=
|file-sx=
|largh-file-sx=
|posiz-file-sx=
|stile-file-sx=
|link-file-sx=
|file-dx=
|largh-file-dx=
|posiz-file-dx=
|stile-file-dx=
|link-file-dx=
}}</nowiki>
 
{|class="stdTable"
{|align="center" cellpadding="3" border="1"
!widthstyle="*width:auto;"|Parametro
!widthstyle="*width:auto;"|Descrizione
!widthstyle="170width:170px;"|Tipo di dato
!widthstyle="95width:95px;"|Esempio
!widthstyle="215width:215px;"|Valore di default
|-
||'''classe''' || Classe CSS || Nome della classe || radius || Nessuno
|-
||'''allinea''' || Allineamento || Posizione del riquadro || left<br/>center<br/>right || Nessuno
|-
||'''larghezza''' || Larghezza del riquadro. || Percentuale<br />Numero di pixel<br />Automatico || 80%<br />400px<br />auto || auto
|-
||'''colore-sfondo''' || Colore dello sfondo. || Esadecimale<br />Colori HTML || #FFFFFF<br />white || white▼
|-
||'''colore-bordotesto''' || Colore del bordotesto. || Esadecimale<br />Colori HTML || #0000000000FF<br />blackblue || black▼
|-
||'''colore-bordo''' || Colore del bordo. || Esadecimale<br />Colori HTML || #000000<br />black || black
|-
||'''stile-bordo''' || Stile del bordo. || Proprietà CSS del bordo || solid || solid
|-
||'''classespessore-bordo''' || ClasseSpessore CSSdel bordo. || NomeNumero delladi classepixel || expansion3px || 2px
|-
||'''larghezzamargini''' || LarghezzaProprietà CSS del riquadro. ||che Percentuale<br />Numeropermette di pixel<brmodificare />Automaticoi margini del box dal resto degli oggetti. || 80%<brCodice />400px<brCSS />auto|| 1em || 90%0.5em auto
|-
||'''stile-riquadro''' || Proprietà CSS dell'intero riquadro. || Codice CSS || padding: 4px; || text-align: center;<br />border: 2px''spessore-bordo'' solid''stile-bordo'' ''colore-bordo'';<br />color: black; <br />padding-top: 2px;<ref name="nota1">Nessuna di queste proprietà viene riscritta specificando il valore del parametro.</ref>▼
▲|'''colore-sfondo''' || Colore dello sfondo. || Esadecimale<br />Colori HTML || #FFFFFF<br />white || white
|-
||'''testo''' || Il testo presente nel riquadro. || Testo || ||▼
▲|'''colore-bordo''' || Colore del bordo. || Esadecimale<br />Colori HTML || #000000<br />black || black
|-
||'''file-sx'''<br />'''file-dx''' || Immagine visibile a sinistra.<br />Immagine visibile a destra. || Un'immagine presente su [[Nonciclopedia]] || Esempio.jpg ||
▲|'''stile-riquadro''' || Proprietà CSS dell'intero riquadro. || Codice CSS || padding: 4px; || text-align: center;<br />border: 2px solid ''colore-bordo'';<br />color: black;<ref name="nota1">Nessuna di queste proprietà viene riscritta specificando il valore del parametro.</ref>
|-
||'''largh-file-sx'''<br />'''largh-file-dx''' || Larghezza dell'immagine. || Pixel || 120px || 100px
▲|'''testo''' || Il testo presente nel riquadro. || Testo || ||
|-
||'''posiz-file-sx'''<br />'''posiz-file-dx''' || ImmaginePosizione visibiledell'immagine aall'interno sinistra.<br />Immagine visibiledel asuo destraspazio. || Un'immaginePosizione presente su|| [[Nonciclopedia]]center || Esempio.jpgleft<br ||/>right
|-
||'''larghstile-file-sx'''<br />'''larghstile-file-dx''' || LarghezzaProprietà dellCSS del riquadro di un'immagine. || PixelCodice CSS || 120pxpadding: 4px; || 100pxpadding: 6px;<ref name="nota1" />
|-
||'''link-file-sx'''<br />'''link-file-dx''' || Link ad una pagina || Nome della pagina || Nonciclopedia:Amministratori || link all'immagine
|'''stile-file-sx'''<br />'''stile-file-dx''' || Proprietà CSS del riquadro di un'immagine. || Codice CSS || padding: 2px; || padding-right: 4px;<br />padding-left: 4px;<ref name="nota1">Nessuna di queste proprietà viene riscritta specificando il valore del parametro.</ref>
|}
 
==Note==
<references />
{{Cat|[[Categoria:Template di servizio}}formattazione]]</noinclude>
Estratto da "https://nonciclopedia.org/wiki/Speciale:DiffMobile/1545000...2262338"