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

Langage PHP Discussion :

Arrière plan menu


Sujet :

Langage PHP

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    bum
    bum est déconnecté
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    29
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 29
    Par défaut Arrière plan menu
    Bonjour

    Je précise que je débute en PHP : j'ai un menu avec des couleurs d'arrières plan sur mes liens, j'utilise la pseudo classe hover en css pour qu'en survolant le lien, la couleur d'arrière plan change, c'est à dire jaune au départ, orange en survolant. J'aimerais qu'une fois qu'on a cliqué sur un lien du menu la couleur reste celle du survol, orange.
    Le menu est dans un include, il est composé de 4 rubriques dont le contenu s'affiche en dessous suivant le lien de la rubrique que l'on clique.
    Apparement il faut faire ça en PHP, en faisant un truc du genre "si je clique et que je suis dans la rubrique accueil, la couleur d'arrière plan du lien "accueil" sera orange" etc... le problème est que je ne sais pas comment traduire ça en PHP donc si qqun pouvait me venir en aide ca serait sympa ! merci

  2. #2
    Expert confirmé Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <a href="page_1">Page 1</a>
    <a href="page_2">Page 2</a>
    <a href="page_3">Page 3</a>
    <a href="page_4" class="current">Page 4</a>
    <a href="page_5">Page 5</a>
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    a {
       background:yellow;
    }
    a:hover,
    a.current {
       background:orange;
    }

  3. #3
    bum
    bum est déconnecté
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    29
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 29
    Par défaut
    Salut,

    Merci pour ta réponse mais ca ne fonctionne pas, d'abord parce-que le menu est dans un include et c'est donc le même sur toutes les pages, et puis j'ai déjà une autre class dans la balise <a>

  4. #4
    Membre chevronné Avatar de Strix
    Inscrit en
    Novembre 2006
    Messages
    632
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 632
    Par défaut
    Salut.

    Va voir ici

    A+

  5. #5
    Expert confirmé Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par défaut
    Citation Envoyé par bum
    d'abord parce-que le menu est dans un include et c'est donc le même sur toutes les pages,
    Je ne vois pas le rapport... Quand tu demandes une page, tu es bien en mesure de savoir quelle page a été créée donc d'appliquer la classe au bon lien
    Citation Envoyé par bum
    et puis j'ai déjà une autre class dans la balise <a>
    Toujours pas de rapport, il est possible de mettre plusieurs classe :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="ma_page" class="lien-menu current">...</a>
    =>le lien aura "lien-menu" et "current" pour classes

  6. #6
    bum
    bum est déconnecté
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    29
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 29
    Par défaut
    ok pour les class je ne savais pas qu'on pouvait en mettre plusieurs.

    pour l'include, le menu sera le même sur toutes les pages donc si je met ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <a href="page_1">Page 1</a>
    <a href="page_2">Page 2</a>
    <a href="page_3">Page 3</a>
    <a href="page_4" class="current">Page 4</a>
    <a href="page_5">Page 5</a>
    ce sera le même sur la page 1, 2, 3, 4 et 5, donc même sur la page 1, la class="current" s'appliquera qu'a la page 4.

  7. #7
    Expert confirmé Avatar de Mr N.
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 5 418
    Par défaut
    quel est le code courant ?

Discussions similaires

  1. Sous menu en arrière plan, prestashop
    Par 01Please dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 17/06/2015, 13h55
  2. [PrestaShop] Menu qui s'affiche en arrière plan
    Par 01Please dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 17/06/2015, 13h54
  3. menu - arrière plan qui apparaît de bas en haut
    Par ju0123456789 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/01/2011, 18h51
  4. [PPT-2007] Menu Flash en arrière plan dans un diapo
    Par rastapilou dans le forum VBA PowerPoint
    Réponses: 2
    Dernier message: 15/10/2009, 08h55
  5. Mon arrière plan ne passe pas sous mon menu.
    Par Anicetrv dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/03/2009, 11h11

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