Identifier et supprimer totalement un lien de la barre de navigation

[ErynGold]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 28/12/23
Lien du forum : https://rise-of-the-abyss.forumactif.com/

Description du problème

Bonjour,

J'ai vu plusieurs sujets à ce propos mais aucun ne correspond à mon problème...  

En effet, je cherche à supprimer directement le "li" donnant vers les liens de la barre de navigation forumactif, car j'applique un style à chacun d'eux et ça les affiche quand même (même si le lien à l'intérieur a disparu). J'utilise le Blank Theme de Geniuspanda sur mon forum, alors voici le code de la barre de navigation :

Code:

<ul class="navbar">
                <li>{GENERATED_NAV_BAR}</li>
            </ul>

Voici le CSS :

Code:

/* Liens cachés */
.navbar a[href="/groups"], .navbar a[href="/faq"], .navbar a[href="/images"], .navbar a[href="/calendar"], .navbar a[href="/search"], .navbar a[href="/register"]{
    display: none;
}

Voici une image montrant ce que ça me fait :
https://i.imgur.com/HCv2Xh8.png

Voilà ce que j'aimerais obtenir :
https://i.imgur.com/t8hWhB5.png

Voilà un screen de l'inspecteur :
https://i.imgur.com/bDCadFz.png

Pourriez-vous m'aider à trouver le moyen de display:none directement le <*li> affilié au href concerné s'il vous plaît ? En l'occurrence, j'essaie de supprimer les <*li> affiliés à ces liens : /groups /faq /images /calendar /search /register

Merci d'avance pour le temps accordé à mon souci !

[Milouze14]

Hello ErynGold,
alors effectivement les balises "li" restent affichées,
tu peux supprimer ce style:

Code:

/* Liens cachés */
.navbar a[href="/groups"], .navbar a[href="/faq"], .navbar a[href="/images"], .navbar a[href="/calendar"], .navbar a[href="/search"], .navbar a[href="/register"]{
    display: none;
}

Et on va passer par un script .

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur les toutes les pages

Déposes ceci:

Code:


$(function(){
var a=$('.navbar a[href="/groups"], .navbar a[href="/faq"], .navbar a[href="/images"], .navbar a[href="/calendar"], .navbar a[href="/search"], .navbar a[href="/register"]');
a.closest('li').hide();
});


Penses a cliquer sur le bouton

a++

[ErynGold]

Bonjour,

Ça marche ! Réponse super rapide et ultra efficace merci beaucoup !

Au revoir et encore merci je passe en résolu