créer un site


Changement de couleur liens visités

Poster un nouveau sujet sur css   Répondre au sujet à css:Changement de couleur liens visités    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Patlevrai
flashmioche
flashmioche
MessageChangement de couleur liens visités , Posté le: 13-09-2004 10:03

Bonjour,

Comment ajouter le changement de couleur sur les liens visités dans ma CSS dont voilà le code :

Code:
/* d'abord le générique */
a  {
      font-family: Verdana;
      font-size: 11px;
/*      text-decoration: none; */
    }
/* a:hover { text-decoration: underline; } */
a:hover { text-decoration: none; }


/* Lien Noir */
a.lienNoir   {  color: #000000;  }
a.lienNoir:hover {  color: #9C0204;  }

/* Lien Blanc/Rouge */
a.blancrouge    {  color: #FFFFFF;   }
a.blancrouge:hover {  color: #000000;  }

.GrasBlanc {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: #FFFFFF;
}
td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
}
.GrasNoir {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: #000000;
}
.GrasBlancSouligne {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: #FFFFFF;
   text-decoration: underline;
}
.Titre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bolder;
   color: #000000;
}
.TitreRouge {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bolder;
   color: #9C0204;
}
.TexteRouge {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #9C0204;
}
.ItaliqueNoir {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: italic;
   color: #000000;
}
.ItaliqueGrasNoir {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: italic;
   font-weight: bolder;
   color: #000000;
}


Merci ! Smile
salemioche
salemioche
salemioche
MessageChangement de couleur liens visités , Posté le: 13-09-2004 10:07

Code:
a:visited { blablabla... }


http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes
Patlevrai
flashmioche
flashmioche
MessageChangement de couleur liens visités , Posté le: 13-09-2004 10:18

OK impec et merci m'sieur Smile !
Et si on veut mettre 2 types de liens visités ? Deux couleurs différentes quoi ? Smile
salemioche
salemioche
salemioche
MessageChangement de couleur liens visités , Posté le: 13-09-2004 10:19

Patlevrai a écrit:

Et si on veut mettre 2 types de liens visités ? Deux couleurs différentes quoi ? Smile


??? tu peux mettre des classes comme tu fais pour :hover
Patlevrai
flashmioche
flashmioche
MessageChangement de couleur liens visités , Posté le: 13-09-2004 10:25

Avec le code fourni, j'aurai voulu dire que la class grasblanc, quand on a cliqué dessus devient Vert par exemple, et que la classliennoir devient bleu.
salemioche
salemioche
salemioche
MessageChangement de couleur liens visités , Posté le: 13-09-2004 10:28

oui

Code:
a.GrasBlanc:visited { color: green; }


j'ai jamais fais, pas sur que les browsers supportent ...
Patlevrai
flashmioche
flashmioche
MessageChangement de couleur liens visités , Posté le: 15-09-2004 8:17

Effectivement ça marche pas trop ça ! Sad Tant pis ! Merci Wink
SIBELIUS
html mioche
html mioche
MessageChangement de couleur liens visités , Posté le: 15-09-2004 9:14

Patlevrai a écrit:
Avec le code fourni, j'aurai voulu dire que la class grasblanc, quand on a cliqué dessus devient Vert par exemple, et que la classliennoir devient bleu.

Très logique tout ça... tu vas t'en sortir dans 3 mois lorsque tu reliras ton code ? Laughing

Je suppose aussi que ta classe "droite" est placée à gauche ? Laughing

(désolé Embarassed )


Dernière édition par SIBELIUS le 15-09-2004 9:20; édité 1 fois
salemioche
salemioche
salemioche
MessageChangement de couleur liens visités , Posté le: 15-09-2004 9:14

tu peux aussi essayer l'inverse, tu place ton lien dans un bloc de class GrasBlanc

Code:
<div class="GrasBlanc"><a href="tutu">toto</a></div>


et ta CSS devient

Code:
.GrasBlanc a:visited {...}


ou

Code:
div.GrasBlanc a:visited {...}


toujours pas testé, juste une idée...
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:Changement de couleur liens visités    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales