Template:Abbr: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
(test) Etichetta: Annullato |
Nessun oggetto della modifica |
||
(5 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 1: | Riga 1: | ||
<includeonly><span class="noncitip" style=" text-decoration: underline; text-decoration-style: dotted;"><span class="testotip" style=" display:none; text-decoration:none; position:absolute; z-index:99; padding:3px; background-color:#FFF6D9; border:1px solid #FFE799; color:#000000; bottom:8px; left:{{{left|8px}}}; font-size:small; font-family:{{{4|sans-serif}}};">{{{2}}}</span>{{{1}}}</span></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. |
||
Nota per nerd: fa uso del tag HTML '''abbr'''. |
|||
== Uso == |
== Uso == |
Versione attuale delle 17:15, 1 apr 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.
Uso
{{Abbr|testo|tooltip}}
Esempio
{{Abbr|Passa il mouse qui sopra.|Et voilà! Ecco il tooltip.}}
Passa il mouse qui sopra.