Template:Abbr: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
(test) Etichetta: Annullato |
(non va ,annullo e vedo di trovare una soluzione senza javascript, se ci reisco) Etichetta: Annulla |
||
| Riga 1: | Riga 1: | ||
<includeonly><abbr title="{{{2}}}">{{{1}}}</abbr></includeonly><noinclude> |
|||
{{#css: |
|||
.noncitooltip .testo{ |
|||
z-index:10; |
|||
top:-20px; |
|||
left:50%; |
|||
padding:10px 20px; |
|||
color:#ffffff; |
|||
background-color:#009cdc; |
|||
font-weight: normal; |
|||
font-size: 14px; |
|||
border-radius: 8px; |
|||
box-sizing:border-box; |
|||
box-shadow:0 1px 8px rgba(0,0,0,0.5); |
|||
} |
|||
.noncitooltip#{{{1}}}:hover .testo{ |
|||
display: block; |
|||
} |
|||
.noncitooltip{ |
|||
text-decoration: underline; |
|||
} |
|||
}} |
|||
<includeonly> |
|||
<div class="noncitootip" id="{{{1}}}"><div class="testo" style="display:none;">{{{2}}}</div>{{{1}}} |
|||
</div> |
|||
</includeonly> |
|||
<noinclude> |
|||
Questo template visualizza un’etichetta di descrizione (che gli amerikani chiamano ''tooltip'') al passaggio del puntatore del mouse su una parola, frase, immagine o quant'altro. Cioè, dovrebbe... L'elemento è sottolineato con puntini e il puntatore diventa un punto interrogativo quando ci passa sopra, giusto per dare fastidio al lettore. |
Questo template visualizza un’etichetta di descrizione (che gli amerikani chiamano ''tooltip'') al passaggio del puntatore del mouse su una parola, frase, immagine o quant'altro. Cioè, dovrebbe... L'elemento è sottolineato con puntini e il puntatore diventa un punto interrogativo quando ci passa sopra, giusto per dare fastidio al lettore. |
||
Versione delle 11:50, 17 mar 2022
Questo template visualizza un’etichetta di descrizione (che gli amerikani chiamano tooltip) al passaggio del puntatore del mouse su una parola, frase, immagine o quant'altro. Cioè, dovrebbe... L'elemento è sottolineato con puntini e il puntatore diventa un punto interrogativo quando ci passa sopra, giusto per dare fastidio al lettore.
Nota per nerd: fa uso del tag HTML abbr.
Uso
{{Abbr|testo|tooltip}}
Esempio
{{Abbr|Passa il mouse qui sopra.|Et voilà! Ecco il tooltip.}}
Passa il mouse qui sopra.