Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    [css]colore e attributi di un link

    Per voi sarà una scemenza ma per chi non ne sa niente di css come me

    Allora... vorrei che SOLO alcuni link del mio sito fossero:

    - di colore bianco
    - cambiassero colore quando ci passi sopra
    - in grassetto e verdana

    Se uso:

    codice:
    a:link         { text-decoration: none; color: #FFFFFF }
    a:active       { color: #FFFFFF; text-decoration: none }
    a:visited      { text-decoration: none; color: #FFFFFF }
    a:hover        { color: #FF6600; text-decoration: none }
    mi cambia colore a tutti i links del sito e comunque non sono in grassetto e verdana. Come posso impostare questi dati SOLO per determinati link (che magari poi richiamo con class="linkcolorati")?

    Grazie, ciao

  2. #2
    Ecco, esatto! Metti una classe ai link in questione nel markup, e poi nel css la richiami nel seguente modo.
    codice:
    .linkcolorati {
       /* proprieta' */
    }
    .linkcolorati:hover {
       /* proprieta' */
    }
    ...
    Insomma, una classe si richiama anteponendo al nome un punto. Se vuoi puntare ad un id, allora al posto del punto devi usare il #.

    Qui trovi tutto ciò che ti serve:

    - http://www.w3.org/TR/CSS21/selector.html


  3. #3
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: [css]colore e attributi di un link

    per fare in modo che solo alcuni link cambino colore, devi adottare delle classi. Inoltre vorrei ricordarti che la sequenza giusta è:
    a:link;
    a:visited;
    a:hover;
    a:active.

    .nomeclasse a:link{
    color:#fff;
    font-weight:bold;
    font-family:Verdana;
    }
    .nomeclasse a:visited{
    decidi le proprietà;
    }
    .nomeclasse a:hover{
    decidi il colore sullo stato :hover;
    }

    nell'html devi rikiamare la classe, in questo modo:
    Link
    Prova e facci sapere.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  4. #4
    Funziona alla grande!

    Grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.