Ciao a tutti,
come da titolo sto cercando di realizzare una barra di navigazione dinamica per il mio sito, dove la pagina in cui ci troviamo ha backgroung blu, mentre il resto della barra di navigazione è di colore arancio e per fare ciò utilizzo i CSS, il codice che utilizzo è il seguente:
BARRA DI NAVIGAZIONE scritta in HTML:
codice:
<ul>
<li><a href="..\index.php">Home</a></li>
<li><a href="..\Dispense.php">Dispense</a></li>
<li><a class="active" href="..\Esercizi.php">Esercizi</a></li>
<li><a href="..\Videolezioni.php">Videolezioni</a></li>
<li><a href="..\Tutorial.php">Tutorial</a></li>
</ul>
mentre il CSS è il segutente:
codice:
ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#ff962d;
}
li{
float:left;
}
li a{
display:block;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}
li a:hover:not(.active){
background-color:#cbcbcb;
}
.active {
background-color:#2814ff;
}
il mio problema consiste che devo scrivere il codice della barra di navigazione in ogni pagina, cambiando via via la classe active, per esempio nel caso della index, il codice della barra di navigazione sarebbe:
codice:
<ul>
<li><a class="active" href="..\index.php">Home</a></li>
<li><a href="..\Dispense.php">Dispense</a></li>
<li><a href="..\Esercizi.php">Esercizi</a></li>
<li><a href="..\Videolezioni.php">Videolezioni</a></li>
<li><a href="..\Tutorial.php">Tutorial</a></li>
</ul>
mentre vorrei avere un unico codice, da poter poi includere nelle relative pagine web, così in caso di modifica della barra di navigazione mi basterebbe modificare solo il codice del file principale, ed a cascata mi troverei le modifiche su tutte le pagine del sito.
Spero di essere stato chiaro.
Grazie a tutti per l'aiuto!!