Discussioni MediaWiki:Common.css: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Riga 549:
:Sembra una buona idea '''''<span style="font-size:medium;font-family:Comic Sans MS;text-shadow: 2px 2px 3px #aaa">[[Utente:Jalo|<span style="color:#BB0011">J</span>]][[Discussioni utente:Jalo|<span style="font-size:small;color:#DD2233">alo</span>]]</span>''''' 15:56, 5 set 2012 (CEST)
 
::A parte che è meglio applicare le regole alla class "wikitable" e non a tutte le tabelle indiscriminatamente, per raggiungere lo scopo non è la soluzione migliore. Qualche anno fa avevo letto su www.html.it un' articolo che presentava uno studio e mostrava che un gruppo di utenti impiegava mediamente lo stesso tempo nell'estrarre informazioni da tabelle senza formattazione e tabelle a colori alterni; invece la soluzione che faceva calare maggiormente il tempo impiegato e riduceva gli errori di lettura era quella di far cambiare colore alla riga al passaggio del mouse. Per cui sarei più favorevole a implementare quest'ultima soluzione. --'''[[User:Una giornata uggiosa '94|<span style="color:#404040">Una giornata uggiosa '94</span>]] &middot; '''<small>[[User talk: Una giornata uggiosa '94|<span style="color:#404040">E poi, di che parliamo?</span>]]</small> 18:12, 1 ott 2012 (CEST)
 
:::Allego il codice che già da tempo uso nel mio CSS per ottenere l'evidenziazione al passaggio del mouse:
 
<syntaxhighlight lang="css">/* Riga evidenziata al passaggio del mouse nelle tabelle */
 
.wikitable tr:hover, .prettytable tr:hover {
color: white;
background-color: #0066FF;
}</syntaxhighlight>
 
:::L'effetto prodotto è il seguente (la terza riga è quella su cui nell'esempio si è fermato il mouse):
 
{| class="wikitable"
|-
! LOL
! ROTFL
|-
| Lorem || Ipsum
|- style="background-color: #0066FF; color: white;"
| Dolor || Sit amet
|-
| Lorem || Ipsum
|}
 
:::--'''[[User:Una giornata uggiosa '94|<span style="color:#404040">Una giornata uggiosa '94</span>]] &middot; '''<small>[[User talk: Una giornata uggiosa '94|<span style="color:#404040">E poi, di che parliamo?</span>]]</small> 20:43, 1 ott 2012 (CEST)
Ritorna alla pagina "Common.css".