supprimer lien du mainmenu

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu supprimer lien du mainmenu

Message par gaspar le Lun 27 Mar 2017 - 18:13

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Supprimer liens du mainmenu
Lien du forum : http://ddaynormandy.keumforum.com

Description du problème

Salut à tous !
J'aimerais bien supprimer certains lien de mon menu principal car j'aimerais tous simplement le modifier à ma sauce via les templates.

Mais la balise display:no qui fonctionne habituellement ne fonctionne pas ici :s


Code:
#search-box, .headerbar, a.mainmenu[href="http://ddaynormandy.keumforum.com/"], [href="/forum"], [href="/faq?tt="], [href="/groups?tt=1"] {
  display : none; !important
}
avatar

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: supprimer lien du mainmenu

Message par Walt le Lun 27 Mar 2017 - 18:16

Bonjour,

Ce n'est pas le display:none; qui ne fonctionne pas, c'est tout le reste qui est erroné. Wink

Code:
#search-box,
.headerbar, a.mainmenu[href="/"],
a.mainmenu[href="/forum"],
a.mainmenu[href="/faq"],
a.mainmenu[href="/groups"] {
    display : none; !important
}

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 2559
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: supprimer lien du mainmenu

Message par gaspar le Lun 27 Mar 2017 - 18:24

ça marche !!!

Merci beaucoup !
avatar

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: supprimer lien du mainmenu

Message par Walt le Lun 27 Mar 2017 - 18:48

Ne connaissant pas votre niveau en CSS je vais vous expliquer ça de manière très large. Quand vous sélectionnez un élément HTML grâce à l'un de ses attributs, c'est comme si vous aviez un parking avec plusieurs voitures, et que vous choisissiez d'agir uniquement sur la voiture dont la couleur est bleue. Ce qui en CSS se concrétiserait comme cela : voiture[couleur="bleue"]

On veut donc agir spécifiquement sur la voiture dont la couleur est strictement égale à bleue.

En HTML, vous avez un élément a qui porte la classe .mainmenu et qui a un attribut href dont la valeur est un lien relatif. Pour cette dernière précision, je vous redirige vers cette page : Quelle est la différence entre un lien relatif et un lien absolu ?

Décortiquons maintenant votre précédent code :
Code:
#search-box, .headerbar, a.mainmenu[href="http://ddaynormandy.keumforum.com/"], [href="/forum"], [href="/faq?tt="], [href="/groups?tt=1"] {
      display : none; !important
    }

Cette partie est correcte :
Code:
#search-box, .headerbar

Première erreur

Code:
a.mainmenu[href="http://ddaynormandy.keumforum.com/"]
indique au navigateur de rechercher un élément a qui a la classe .mainmenu, et qui a pour un attribut href contenant exactement : "http://ddaynormandy.keumforum.com/"

Or, le lien de votre barre de navigation est construit comme suit :
Code:
<a href="/" class="mainmenu">...
Comme vous pouvez le voir, l'attribut href ne contient pas "http://ddaynormandy.keumforum.com/" mais "/"

C'est comme si vous indiquez voiture[couleur="bleu-nuit"] alors que le modèle n'est fabriqué que sous la couleur générique "bleu".

Seconde erreur

Code:
 [href="/forum"], [href="/faq?tt="], [href="/groups?tt=1"]

Premièrement, vous ciblez un attribut mais sans préciser l'élément auquel il est appliqué. Ces instructions indiquent au navigateur de rechercher un attribut href sans lui dire où le chercher : il manque l'élément ciblé (un lien). Pour revenir à mes voitures, c'est comme si vous indiquiez [couleur="bleu"] sans préciser que l'on recherche une voiture.

Enfin, vous ciblez un lien qui aurait un attribut contenant /faq?tt= ou encore /groups?tt=1 mais ces liens ne sont pas dans la structure de votre forum. Ils se présentent en réalité sous la forme suivante :
Code:
<a href="/groups" class="mainmenu">...</a>
<a href="/faq" class="mainmenu">...</a>

Si vous indiquez au navigateur de rechercher [href="/faq"] il trouvera le lien "/faq", mais si vous lui dites [href="/faq?"] ça n'est déjà plus pareil, et il ne le trouvera pas.

Petite astuce :

  • a.mainmenu[href^="/faq"] permet de cibler tous les éléments ayant un attribut href qui commencent par "/faq" (c'est le chapeau ^ qui donne cette instruction), le navigateur ciblera donc les liens vers /faq, vers /faqtuel, vers /faqulte, vers /faqteur ...

  • a.mainmenu[href*="faq"] permet de cibler tous les éléments ayant un attribut href qui contient "faq" (grâce à l'étoile *) : le navigateur ciblera alors les liens vers /faq, vers /autrechosefaq, vers /lafaqaumilieu, etc.


J'espère avoir rendu la chose compréhensible. Wink J'ai en tout cas épuisé mon quota de pédagogie pour les trois prochaines semaines.
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 2559
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: supprimer lien du mainmenu

Message par gaspar le Lun 27 Mar 2017 - 19:38

haaaa

Merci beaucoup pour ton explication super bien faite ! c'est super génial ! !
avatar

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum