IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

change le couleur de lien en cours


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Inscrit en
    Janvier 2010
    Messages
    75
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 75
    Par défaut change le couleur de lien en cours
    salut tous le monde.


    j'ai un grand problème j'utilise la pagination je souhaite une fois je clique sur le lien je veux que le lien en cours change de couleur en noir et les autres liens restent en bleu.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <div class="lien">
    <a href="#">1</a><br />
    <a href="#">2</a><br />
    <a href="#">3</a><br />
      .
      .
      .
    <a href="#">n</a>  
    </div>
    c-a-d lorsque je clique sur le lien 1 je vaux le couleur de lien devient noir et lorsque je clique sur le lien 10 la couleur de ce lien devient noir et le lien 1 devient bleu.

    Merci d'avance pour l'aide.

  2. #2
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    Voici un exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <style type="text/css"> 
    a:link {color: #000000 ; text-decoration: underline ;} 
    a:visited {color: #FF6699 ; } 
    a:hover { color: red ; text-decoration: underline overline ; }   </style>
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  3. #3
    Membre actif
    Inscrit en
    Janvier 2010
    Messages
    75
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 75
    Par défaut
    Merci pour ta réponse je veux comme l'image


  4. #4
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    oui, je comprends ce que tu veux, mais c'est pas en CSS que tu va savoir faire ça, tu dois avoir une autre partie en PHP ou autre je suppose ?
    Le CSS est pour la mise en forme.
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  5. #5
    Membre actif
    Inscrit en
    Janvier 2010
    Messages
    75
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 75
    Par défaut
    Citation Envoyé par kOrt3x Voir le message
    oui, je comprends ce que tu veux, mais c'est pas en CSS que tu va savoir faire ça, tu dois avoir une autre partie en PHP ou autre je suppose ?
    Le CSS est pour la mise en forme.
    Merci j'ai fait ca en php mais je veux la mise en forme par CSS
    je veux séparer le couleur du lien visite et le couleur du lien en cours

    tu m'a donne le mise en forme du lien visité et du lien actif

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    for ($i=1;$i<=$nrlient;$i++){
     
               echo"<a href='#?cle=$i' id='$i' > $i </a>";
           }
    voila l'exemple que je veux



  6. #6
    Membre du Club
    Inscrit en
    Janvier 2011
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 10
    Par défaut
    Si je pense avoir compris, il faut faire creer deux classe "Selectionner" et "Non selectionner"

    et ensuite tu met dans ton code PHP:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <style type="text/css"> 
    a.Select {Color: #FFE8E8;}
    a.NoSelect {Color: #00E8E8;}
    </style>
    et ensuite tu met dans ton code PHP:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <?php
     
    $LienSelectionne = 3;
    for ($i=1;$i<=$nrlient;$i++){
    		if ($LienSelectionne == $i)
    			{ echo "<a href='#?cle=$i' class='Select' > $i </a>";}
    		else
    			{ echo "<a href='#?cle=$i' class='NoSelect' > $i </a>";}
     
           }
     
    ?>
    Tu peux simplifier le code et également faire autrement avec un flag. Mais l'idée est là.

    Cordialement

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Lien qui change de couleur
    Par stan30160 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/02/2007, 13h57
  2. Couleur du lien en cours
    Par Sandara dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 27/11/2006, 02h28
  3. [HTML] changer de couleur de lien....
    Par erwan_ dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/09/2005, 23h50
  4. changer couleur du lien au passage de la sourie
    Par toome dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 01/08/2005, 10h11
  5. couleur des liens
    Par allowen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/03/2005, 12h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo