Il menu è organizzato come una lista di elementi non ordinata. Questa è la struttura più adatta per un menu, in quanto fornisce un modo semplice per applicare lo stile dei link del menu ed è semanticamente corretto.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<ul id="navigationMenu"> <li> <a class="home" href="#"> <span>Home</span> </a> </li> <li> <a class="about" href="#"> <span>About</span> </a> </li> <li> <a class="services" href="#"> <span>Services</span> </a> </li> <li> <a class="portfolio" href="#"> <span>Portfolio</span> </a> </li> <li> <a class="contact" href="#"> <span>Contact us</span> </a> </li> </ul> |
Potete guardare la demo del menù in oggetto o scarire il file contenente il codice CSS per implementarlo nelle vostre pagine web dai pulsanti sottostanti. Buon lavoro!
Demo Download Info | Sito Web | Autore