Creare menu navigabili

Creare menu dinamici

Questo sito è veramente fantastico, segnatelo e passatelo agli amici, alla sorella, ai fratelli, alle nonne e ai nonni: Listamatic. Collegatevi al sito, scegliete a caso uno dei menu navigabili e cliccateci su. Ok, cosa intendo per menu navigabili? Solo i webmaster lo sanno

Allora, ecco un esempio:

HTML
<div id=”navcontainer”>
<ul id=”navlist”>
<li id=”active”><a href=”#” id=”current”>Item one</a></li>
<li><a href=”#”>Item two</a></li>
<li><a href=”#”>Item three</a></li>
<li><a href=”#”>Item four</a></li>
<li><a href=”#”>Item five</a></li>
</ul>
</div>

CSS
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

Come possiamo vedere il codice che ci restituisce è composto da due parti: HTML e CSS.

La parte CSS va incollata nel file style.css (o comunque il file del vostro sito che gestisce lo stile CSS) mentre la parte HTML va incollata dove volete che compaia il menu. Anche in un Widget. Ovviamente dovrete modificare la parte HTML in modo da personalizzarla a piacimento!

Ho realizzato anche un video tutorial, che spiega passo passo come fare per utilizzare questi codici:

Alla prossima!

Post Simili:

• Widget della Tana!
• Come inserire link all’interno della stessa pagina
• Favicon su Blogger: ecco la soluzione definitiva!
• Creare inserzioni eBay facili e veloci in HTML!
• Grassetto o corsivo ovunque nel vostro blog WP? No problem!
• Disegna il tuo gatto come un cartone animato, stampalo e compralo!
• Creare un motore di ricerca Google personalizzato e embeddabile
• Backup completo di Outlook Express

<