[css] :active

nofcfro

Utente Attivo
27 Mag 2012
72
0
6
Salve,
ho un menù laterale e vorrei che venisse evidenziata la voce di menù aperta nella pagina, la struttura del menù è la seguente:

Codice:
<div class="menubar">
      <ol class="ollaterale">
        
        <!-- CAP 1 -->
        <li class="lilaterale">Capitolo 1</li>
<li class="lilaterale">Capitolo 2</li>
<li class="lilaterale">Capitolo 2</li>
</ol>
</div>
Come posso colorare la voce di menù che corrisponde alla pagina aperta?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.005
295
83
Deci creare ina classe ".attivo" da mettere nel link in ogni pagina in modo che il link della pagina aperta assuma le regole e i colori che tu vuoi. Ovvio che spiegato così è un po' confuso perchè bisognerebbe farti un esempio completo con tutte le pagine
Esempio:
Pagina 01.html
Codice:
<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a class="attiva" href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a href="03.html" style="width:42px;">Item 2</a></li>
</ul>
Pagina 02.html
Codice:
<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a class="attiva" href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a href="03.html" style="width:42px;">Item 2</a></li>
</ul>
[/code]Pagina 03.html
Codice:
<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a class="attiva" href="03.html" style="width:42px;">Item 2</a></li>
</ul>
 
Ultima modifica: