[css] :active

nofcfro · 9 Feb 2019

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 · 10 Feb 2019

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>

[css] :active

nofcfro

Utente Attivo

Max 1

Super Moderatore

Discussioni simili

[css] :active

nofcfro

Utente Attivo

Max 1

Super Moderatore

Discussioni simili

Privacy & Transparency

Privacy & Transparency