Impostare il colore del testo e dei link per tutta la pagina

« Older   Newer »
  Share  
view post Posted on 22/3/2010, 23:44     +1   -1
Avatar

Generale di divisione

Group:
Member
Posts:
5,046
Reputation:
0

Status:


Impostare il colore del testo e dei link per tutta la pagina



Il testo

Se non viene impostato nessun colore per il testo, di default il testo di una pagina è nero.

Tuttavia il nero non sempre è leggibile con tutti i colori di sfondo. Immaginiamo ad esempio di voler utilizzare proprio il nero come sfondo: con la pagina nera e il testo nero non leggeremmo nulla!

Abbiamo allora la possibilità di assegnare un colore per il testo di tutta la pagina, semplicemente utilizzando questo attributo del tag <body>:

CODICE
<body text="red">


Quindi potremo avere, ad esempio:

CODICE
<body bgcolor="#0000ff" text="#ffffff">



I link

Spiegare che cosa siano i link sembra superfluo, in effetti è l'esperienza della navigazione nel Web ad averci già insegnato che il link è un collegamento, un ponte tra una pagina è l'altra.

Non tutti però sanno che i link testuali hanno diversi stati:

image

Abbiamo dunque tre stati canonici dei link (link a riposo, link attivo e link visitato) e una condizione aggiuntiva introdotta dai fogli di stile (status del link al passaggio del mouse):

Anche il colore dei link di tutta la pagina può essere tramite gli attributi del body:

I link secondo le impostazioni predefinite sono blu, per cambiare colore:

CODICE
<body link="red">


Per cambiare colore ai link visitati (di default viola):

CODICE
<body vlink="green">


i link visitati vengono memorizzate nella cronologia del browser, quindi se volete ripristinare il colore originario dei link, è sufficiente cancellare la cronologia.

Per cambiare colore ai link attivi:

CODICE
<body alink="yellow">


La sintassi completa per impostare i link è quindi:

CODICE
<body link="red" alink="yellow" vlink="green">
 
Web  Top
0 replies since 22/3/2010, 23:44   72 views
  Share