Associare icone a link testuali può aiutare gli utenti a capire immediatamente quale tipo di contenuto andranno ad aprire cliccando sui collegamenti presenti nello nostre pagine. Segnalando il collegamento con un’icona, diamo all’utente piena facoltà di decidere se aprirlo o meno.
Come
A questo indirizzo trovate il foglio di stile e un set di icone free pronte all’uso. Naturalmente potete utilizzare le icone che preferite.
Inserite il foglio di stile nelle vostre pagine, caricate le icone sul server e il gioco è fatto. Il css utilizza una serie di selettori di attributo collegati alle estensioni dei file presenti nei link, per aggiungere le icone corrispondenti. Se volete utilizzare questa tecnica soltanto per alcuni tipi di file, vi basterà cancellare dal foglio di stile le regole per voi superflue.
Strano a dirsi, il metodo funziona su tutti i browser del pianeta, fuorché ie 6.
