nav li.on a // ne marche pas quand je personnalise mon squelette.

Gaston

Juillet 2018

Bonjour,
C’est un problème récurrent avec mon menu depuis spip 1.9, je suis actuellement sur spip 3.2, J’aimerai que quand je clique sur un lien de mon menu, le lien reste actif après avoir chargée la page. ça devrait etre simple, et pourtant...

Par default sur SPIP il y a le CSS suivant de la div nav

.nav li.on a {
    background: #c41558;
    color: #fff;
    font-weight: normal;
}

J’ai mon menu inserer sur chacune de mes page dans mon header

<INCLURE{fond=inclure/header} />

Le contenu :

<header >
 <div class="logo_site"><a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">[(#LOGO_SITE_SPIP)]</a></div> 
		<nav>
				<ul>
<BOUCLE_nav(RUBRIQUES) {racine} {par num titre, titre} >
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_nav>
</ul>
	</nav>
</header>

J’ai mon css pour menu comme ça :

nav {margin-top:0px;width:50%;float:right; transition:.5s;}
nav ul {text-align:right;text-transform:uppercase; transition:.5s;}
nav li {display:block; transition:.5s;}

nav li a {  text-decoration: none;  color:#000; font-weight:bold; }
nav li.on a {  text-decoration: none;  color:red; font-weight:bold; }
nav li a:link { color:red; }
nav li a:hover,
nav li a:active { color:red; background:none;}

Et ça ne marche pas, link, hover, active marche, mais pas le li.on a... Pourquoi ? quelqu’un a une idée du problème ?

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

chris

Juillet 2018

Il faut que tu passes les paramétres a ton inclure et que tu mettes un #EXPOSE dans ton li.
Extrait pris dans mon site
<INCLURE{fond=inc-nav, id_rubrique}> <li [class=(#EXPOSE)]><a href="#URL_RUBRIQUE" >#TITRE</a>
Indiquez l’intérêt que vous portez à cette réponse

0

Gaston

Août 2018

Merci pour la solution, je vais tester ça !