Vai ai contenuti

>> fonte <<

Scaricare il pacchetto zip, anche da > qui<.

allegare con la graffetta di oggetto HTML i seguenti files.
menu_style.css
tableftF.gif
tabrightF.gif


Inserire la seguente stringa in "esperto > codice personalizzato per la sezione HEAD"
<link rel="stylesheet" href="files/menu_style.css" type="text/css" />

Aprire con il blocco note il file
menu_style.css
e correggere i percorsi in questo modo
.....
#menu a {
float:left;

background:url("
tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#menu a span {
float:left;
display:block;

background:url("
tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}

......

Copiare il codice html e inserirlo nel top.
<div id="menu">
<ul>
<li><a href="
#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="
#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="
#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="
#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="
#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="
#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="
#" title="Link 7"><span>Link 7</span></a></li>
</ul>
</div>

Il risultato
potrebbe non essere visibile completamente in "prova".
Esportato su disco deve funzionare.



Torna ai contenuti | Torna al menu