Template:Abbr: differenze tra le versioni

nessun oggetto della modifica
(test)
Etichetta: Annullato
Nessun oggetto della modifica
 
(5 versioni intermedie di uno stesso utente non sono mostrate)
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.
 
Nota per nerd: fa uso del tag HTML '''abbr'''.
 
== Uso ==
Picciotti, Nerdoni, Rullatori, sloggiatori
9 999

contributi