Template:Pulsante: differenze tra le versioni
Nessun oggetto della modifica |
Supporto per i nomi dei colori in italiano Etichette: Modifica da mobile Modifica da web per mobile |
||
Riga 1: | Riga 1: | ||
<span class="plainlinks" style="white-space: |
<span class="plainlinks" style="white-space:nowrap; margin-bottom:5px; border:1px solid {{{2|#A6A6A6}}}; border-radius:4px 4px 4px 4px; padding:5px; background-color:{{{3|#DDDDDD}}}; background-image:-moz-linear-gradient(top, {{{3|#F2F2F2}}}, {{{4|#CFCFCF}}}); background-image:-ms-linear-gradient(top, {{{3|#F2F2F2}}}, {{{4|#CFCFCF}}}); background-image:-o-linear-gradient(top, {{{3|#F2F2F2}}}, {{{4|#CFCFCF}}}); background-image:-webkit-gradient(linear, left top, left bottom, from({{{3|#F2F2F2}}}), to({{{4|#CFCFCF}}}))">{{{1|Button}}}</span><noinclude> |
||
{{ |
{{man}} |
||
[[Categoria:Template di formattazione tematici]] |
[[Categoria:Template di formattazione tematici]] |
||
</noinclude> |
</noinclude> |
Versione delle 11:28, 1 set 2018
Button
Le istruzioni che seguono sono contenute nella sottopagina Template:Pulsante/man (modifica · cronologia)
Sandbox: Template:Pulsante/Sandbox (modifica · cronologia) · TemplateStyles: Template:Pulsante/styles.css (modifica · cronologia) · Tutte le sottopagine: lista
Button
Il template produce un semplice riquadro dai bordi arrotondati nel quale inserire testo e/o link e/o immagini. Può essere utile per dare ai link l'aspetto di veri e propri pulsanti. Colore del bordo e dello sfondo sono personalizzabili. Per ottenere uno sfondo a tinta unita piuttosto che gradiente basta inserire lo stesso colore nei parametri 3 e 4. Per trovare il codice corrispondente al colore che si vuole inserire, vedere Aiuto:Colori.
{{Pulsante
|1 = <!-- Testo del pulsante, con eventuali link, immagini, ecc. -->
|2 = <!-- colore del bordo -->
|3 = <!-- colore di partenza (in alto) del gradiente che costituisce lo sfondo -->
|4 = <!-- colore di fine (in basso) del gradiente che costituisce lo sfondo -->
}}
Esempi d'uso
{{Pulsante|[[File:Cup-o-coffee-simple.svg|22px|link=WP:Bar]] [[WP:Bar|Bar]]}}
produce:
Più occorrenze del template non vanno a capo a meno di distanziarle con una riga vuota:
{{Pulsante|[[File:Google "G" logo.svg|22px]] [https://www.google.it/ Google]}} {{Pulsante|[[Special:MyPage|La mia pagina utente]]|red|orange|red}} {{Pulsante|testo e basta}}
produce:
testo e basta