December 6
Quando si crea un menu con un codice di foglio di stile CSS, si è in grado di creare un menu che utilizza la formattazione HTML tipico nonché (Cascading Style Sheets) CSS di codifica. Mentre questi menu a cascata possono potenzialmente arrivare a essere piuttosto complessa, la struttura di base che circonda questi menu è abbastanza semplice. L'inserimento di tali tipi di menu sulla tua pagina web richiede di apportare modifiche al <head> e <body> della tua pagina.
1 Accedi al tuo web server e selezionare il file HTML associato alla pagina in cui si desidera inserire un menu a cascata.
2 Fare clic all'interno del tag <head> e inserire questo codice:
<Style type = "text / css">
.hovermenu ul {
font: 13px Arial grassetto;
padding-left: 0;
margin-left: 0;
Altezza: 20px;
}
.hovermenu ul li {
list-style: none;
display: inline;
}
.hovermenu ul li a {
padding: 2px 0.5em;
text-decoration: none;
float: left;
colore nero;
background-color: # e1e1e1;
border: 2px solid # e1e1e1;
}
.hovermenu ul li a: hover {
background-color: # e5e5e5;
border-style: fin dall'inizio;
}
html> ul li corpo .hovermenu a: active {/
Applicare effetti MouseDown solo ai browser NON IE /
border-style: inserto;
}
</ Style>
3 Scorrere la pagina e cliccare all'interno della sezione <body> della pagina.
4 Inserisci questo codice:
<Div class = "hovermenu">
<Ul>
<Li> <a href="Menu"> http://Url.com "> Menu 1 </a> </ li>
<Li> <a href="Menu"> http://url2.com "> Menu 2 </a> </ li>
<Li> <a href="Menu"> http://url3.com "> Menu 3 </a> </ li>
<Li> <a href="Menu"> http://url4.com "> Menu 4 </a> </ li>
<Li> <a href="Menu"> http://url5.com "> Menu 5 </a> </ li>
</ Ul>
</ Div>
5 Sostituire "Menu 1", e tutte le altre voci del "Menu" con la parola effettiva o parole che si desidera visualizzare sulle sezioni del menu. Quindi sostituire gli URL in ogni linea con l'URL che si desidera aprire quando una delle voci del menu viene cliccato.
6 Pubblicare la pagina.