-
ŦCloud.
User deleted
vorrei sapere come mettere il menų simile come tipologia a quello del nif
eccovelo
http://naruto.italian.forum.forumcommunity.net/
il menų in questione č: quelo con scritto
home sito link utili facebook onepiece naruto ecc
Thk mille in anticipo
. -
.
Posso dirti che č una lista con proprietā CSS applicate, ma non posso fornirti il loro codice.
Questo č abbastanza simile.HTML<style>
/* NAVIGATION SOPRA AL LOGO */
#topnav {list-style:none; padding: 0; height: 40px; background: #333;}
/* li principali */
#topnav li {float:left; display:block; padding: 12px;}
#topnav li a {font-size: 9.5pt; padding: 2px 8px; color: #fff}
#topnav li a:hover, #topnav li:hover a {color: #eee; background: #999;}
/* elementi nascosti */
.hiddennav {color: #333; position:absolute; left: -1000em; text-align:left; padding:5px 0; background: #999;}
#topnav li:hover .hiddennav {left:auto; top:auto}
#topnav li .hiddennav li {clear:both; list-style:none; padding: 0; margin: 0}
#topnav li:hover .hiddennav a:link, #topnav li:hover .hiddennav a:visited {background:transparent; color:#ccc}
#topnav li:hover .hiddennav a:hover {color: #eee; background:transparent; text-decoration:underline}
</style>
<ul id="topnav">
<li><a href="#">Voce 1</a></li>
<li><a href="#">Voce 2</a>
<ul class="hiddennav">
<li><a href="#">Sottovoce 1</a></li>
<li><a href="#">Sottovoce 2</a></li>
</ul>
</li>
<li><a href="#">Voce 3</a>
<ul class="hiddennav">
<li><a href="#">Sottovoce 1</a></li>
<li><a href="#">Sottovoce 2</a></li>
</ul>
</li>
<li><a href="#">Voce 4</a>
<ul class="hiddennav">
<li><a href="#">Sottovoce 1</a></li>
<li><a href="#">Sottovoce 2</a></li>
</ul>
</li>
<li><a href="#">Voce 5</a>
<ul class="hiddennav">
<li><a href="#">Sottovoce 1</a></li>
<li><a href="#">Sottovoce 2</a></li>
</ul>
</li>
</ul>. -
ŦCloud.
User deleted
dove dovrei inserirlo? perchč lo metto cosė come l'hai messo tu in CSS ma non mi funge XD . -
.
Non devi metterlo in CSS, ma in HTML → in cima al sito.
Se il codice CSS č compreso all'interno del tag HTML style va inserito ovviamente all'interno del documento HTML, non nella parte relativa al CSS.. -
Jackrapper.
User deleted
io sono riuscito, ma come faccio a modificare il contenuto dei collegamenti "Sottovoce 1,2,3..." o meglio, la pagina a cui mi manda una volta cliccate le giā citate voci? . -
<?F.
User deleted
Ti basta inserire l'URL della pagina a chi vuoi indirizzare al posto del relativo #, ad esempio, io ho inserito come prova il link allo SL (http://skinlab.forumfree.it/), ma chiaramente puoi variare il collegamento per ogni voce del menu: CODICE<ul id="topnav">
<li><a href="http://skinlab.forumfree.it/">Voce 1</a></li>
<li><a href="http://skinlab.forumfree.it/">Voce 2</a>
<ul class="hiddennav">
<li><a href="http://skinlab.forumfree.it/">Sottovoce 1</a></li>
<li><a href="http://skinlab.forumfree.it/">Sottovoce 2</a></li>
</ul>
</li>
eccetera.. -
Jackrapper.
User deleted
Grazie mille
Sapete come inserire delle icone affianco alle voci "sezione" del menu in alto?. -
<?F.
User deleted
Tramite CSS puoi aggiungere una classe per ogni icona e metterla come sfondo non ripetuto, in questo modo: CODICE<style>
.topnav .icon1 {background: url(URL_IMMAGINE) left no-repeat;}
</style>
<ul id="topnav">
<li class="icon1">Voce 1</a></li>
...eccetera...
E proseguire in questo modo per ogni voce a cui vuoi associare un'immagine.
Pių semplice č aggiungere "fisicamente" l'immagine alla lista, direttamente in HTML:CODICE<ul id="topnav">
<li><a href="#"><img src="URL_IMMAGINE" border="0"> Voce 1</a></li>
...eccetera...
Ovviamente in entrambi i codici bisognerā sostituire URL_IMMAGINE.
. -
Jackrapper.
User deleted
Grazie ancora!! http://axo.forumfree.it. -
.
Salve ragazzi, anch'io sto provando ad aggiungere al mio forum un menų del genere perō vorrei capire come si puō centrarlo e mantenerlo quindi delle stesse proporzioni anche quando si ingrandisce o si dminuisce la finestra del browser.
Grazie per l'attenzione
. -
<?F.
User deleted
Ti basta modificare cosė la prima riga del menu postato da Lady Himiko CODICE#topnav {list-style: none; padding: 0; height: 40px; background: #333; margin: auto; width: 90%;}
In cui 90% č la percentuale di larghezza del menu.. -
.
Grazie molto gentile , ma si puō possono centrare anche le voci del menų? Partono sempre dalla sinistra ma non riesco a trovare un modo per tenerle centrate.
. -
<?F.
User deleted
Per non sconvolgere la struttura del menu, la cosa pių semplice che posso consigliarti č inserire il tutto in una tabella: HTML<table align="center"><tr><td align="center">
[...]
</td></tr></table>. -
.Dante..
User deleted
Io invece vorrei inserire i menų a tendina per la barra utente che sposterō in cima al forum... Per semplificare il tutto, la mia domanda č come posso realizzare una barra utente con menų a tendina come in questo forum? Grazie . -
<?F.
User deleted
come posso realizzare una barra utente con menų a tendina come in questo forum?
Come ti ho giā scritto, non puoi farlo: http://skinlab.forumfree.it/?t=55391935.
codice menų dropdown in cima al forum |
