Semplicissimo Link Html

**Indio23** · 25-10-2004, 19:53

Ciao a tutti,
come posso fare per far si che quando passo sopra un link di colore nero diventi di colore rosso e grassetto?!?!

Fatemi sapere.

**maximum** · 25-10-2004, 20:00

Per il cambio di colore puoi usare questo codice:

codice:

Chi Siamo

Per il grassetto penso che ci voglia un CSS...

**Sky** · 25-10-2004, 20:01

Inserisci questo codice tra i tag <head> e </head> della pagina.

codice:

<style type="text/css">
  a:link, a:visited {
    color: #000000;
    font-weight: normal;
  }
  a:hover {
    color: #FF0000;
    font-weight: bold;
  }
</style>

a:link si riferisce a tutti i link presenti, quando il mouse non è sopra di loro
a:visited ai link visitati dall'utente
a:hover si riferisce ai link durante il passaggio del mouse

Ciao

**Indio23** · 25-10-2004, 20:06

E se volessi dare a un link quando vado sopra il colore rosso e ad un altro il colore giallo?

**Sky** · 25-10-2004, 20:42

Utilizza questo codice allora:

codice:

<style type="text/css">

  a:link.rosso, a:visited.rosso, a:link.giallo, a:visited.giallo {
    color: #000000;
    font-weight: normal;
  }

   a:hover.rosso {
    color: #FF0000;
    font-weight: bold;
  }

  a:hover.giallo {
    color: #FFFF00;
    font-weight: bold;
  }

</style>

La prima pseudo-classe imposta gli stili per entrambi i tipi di link, mentre le altre due sono specifiche per un solo tipo.

Nel codice dei link dovrai inserire anche l'attributo class="rosso", così:

Clicca qui

Ovviamente sostituisci "rosso" con "giallo" in base al tipo di link.

**Indio23** · 26-10-2004, 09:42

Perfetto... per ora va tutto bene se ho delle altre domande ti riscrivo.

Grazie mille!!!

Discussione: Semplicissimo Link Html

Strumenti discussione

Ricerca discussione

Visualizza

Semplicissimo Link Html

Permessi di invio