Partage
  • Partager sur Facebook
  • Partager sur Twitter

mettre en évidence le lien de la page actuelle ?

    15 avril 2019 à 19:33:11

    Bonjour !



    bon voilà je me remet à coder du html/css, j'ai un niveau débutant !

    Je suis sur l'exo du TP Zozor ! avec la page à réaliser ! 

    j'aimerai que lorsque je suis sur la page d'accueil (soit celle que l'on développe), le lien "accueil" ait une apparence particulière ! Mais attention ! je ne veux pas qu'elle l'ait parce qu'on l'on a visité la page ! Je veux qu'elle l'ait parce que je suis dessus ! Comme j'aimerai si je faisais une page blog, que son lien dans le menu apparaisse d'une certaine façon lorsque je suis dessus mais que les autres liens restent normaux ! 


    j'ai cherché dans une bibliothèque de pseudo-classe et j'ai bien l'impression que ca n'existe pas malgré la multitude de pseudo-classe ! Une idée pour réaliser un petit truc comme ca ?

    peut-être est-il possible d'utiliser :visited puis par je ne sais quelle manipulation faire une sorte de réinitialisation sur une autre page pour que le lien visité précédemment reprenne sa forme normale ?

    ou bien ce serait quelque chose qui serait plutôt faisable avec javascript ? (je dis ca j'ai jamais touché à Javascript hein donc c'est peut-être une grosse connerie :rire:)

    • Partager sur Facebook
    • Partager sur Twitter
      16 avril 2019 à 10:16:17

      Salut,

      Je crois que tu cherches simplement à faire un :active non ? 

      • Partager sur Facebook
      • Partager sur Twitter

      -> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...

        16 avril 2019 à 12:12:37

        nop :active c'est quand on clique dessus ! par exemple ton lien est bleu, tu veux qu'il soit rouge quand on clique dessus (c'est à dire le moment entre le clique et le relachement du bouton de la souris), tu mets ça :

        a:active
        {
        color:red;
        }



        -
        Edité par Dirmina 16 avril 2019 à 12:12:58

        • Partager sur Facebook
        • Partager sur Twitter
          16 avril 2019 à 12:17:50

          Hello,

          Ça me semble compliquer simplement en html / css.

          Il faudrait se tourné du côté de PHP et / ou Javascript.

          • Partager sur Facebook
          • Partager sur Twitter
            16 avril 2019 à 12:43:56

            bonjour,

            J'en viens a me demander si ce n'est pas tellement simple ce que tu cherche à faire qu'on se complique la tête.

            Tu veut que le bouton de la page sur la quelle tu te trouve sois différent des autres et ce sur chaque page ou tu serras.

            Exemple accueil dans la barre de navigation en style rouge rond, si tu est sur la page d'accueil.

            Et que ce style sois le même sur sur page 1 dans la barre de navigation quand tu serras sur la page 1.

            Si c'est la cas c'est simple tu rajoute une class btnact et dans cette class tu fait le design du bouton actif.

            et tu colle cette class a chaque bouton correspondant à la page sur la quelle tu travail.

            en gros quand tu fait ta page accueil tu colle cette class au bouton accueil.

            Quand tu fait ta page 1  tu colle cette class au bouton de la page 1.

            temps que tu n'est pas en php avec des include ca fonctionnera.

            • Partager sur Facebook
            • Partager sur Twitter

            Compos sui.

            mettre en évidence le lien de la page actuelle ?

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
            • Editeur
            • Markdown