PER IL MENU
inserisci tra i tag <head> e </head> della tua pagina questo:
Codice:
<script type="text/javascript" src="js/mootools-for-dropdown.js"></script>
<script type="text/javascript" src="js/UvumiDropdown-compressed.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/uvumi-dropdown-vertical.css" />
<script type="text/javascript">
var menu = new UvumiDropdown('dropdown-demo');
</script>
inserisci nel <body> dove vuoi appaia il menu:
Codice:
<ul id="dropdown-demo" class="dropdown">
<li>
<a href="#home">Home</a>
</li>
<li>
<a href="#orders">Orders</a>
</li>
<li>
<a>Tools</a>
<ul>
<li>
<a href="#tools1">Tools 1</a>
</li>
<li>
<a>Tools 2</a>
<ul>
<li>
<a href="#tools4">Tools 4</a>
</li>
<li>
<a href="#tools5">Tools 5</a>
</li>
<li>
<a>Tools 6</a>
<ul>
<li>
<a href="#tools7">Tools 7</a>
</li>
<li>
<a href="#tools8">Tools 8</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#tools3">Tools 3</a>
</li>
<li>
<a href="#tools4">Tools 4</a>
</li>
</ul>
</li>
<li>
<a href="#stats">Stats</a>
</li>
<li>
<a href="#users">Users</a>
<ul>
<li>
<a href="#user1">User 1</a>
</li>
<li>
<a href="#user2">User 2</a>
</li>
<li>
<a href="#user3">User 3</a>
</li>
<li>
<a href="#user4">User 4</a>
</li>
</ul>
</li>
<li>
<a href="#sync">Sync</a>
</li>
</ul>
crea una cartella nella stessa directory della tua pagina e chiamala "css" inserendoci i files: uvumi-dropdown-vertical.css e le immagini
crea una cartella nella stessa directory della tua pagina e chiamala "js" inserendoci i files: mootools-for-dropdown.js e UvumiDropdown-compressed.js
nello zip allegato ho semplificato un pò le cose...aprendo l' index.html vedrai che funziona, per implementarlo alla tua pagina segui i suggerimenti sopra
scaricalo da quì (il file era troppo grosso e non potevo allegarlo al forum)
http://webkode.netsons.org/slideshow.zip
ciao