Originalmente inviato da
lucatibaldo
giocando su web in incontrato il sito
http://www.gioco.it
In alto ce il menu
Ho guardato un pò il codice html del sito ma non ci ho capito tanto e cercando sul web non ho trovato niente
Mi potente scrivere il codice html solo della barra del menu o anche un link a una pagina?
Grazie a tutti !!!
il css
Codice:
#top-menu-bg{position:absolute;bottom:0px;left:0px;width:100%;height:29px;background:url(http://static1.spilcdn.com/fa/img/_/backgrounds/sprites/horizontals.png) repeat-x 0 -32px transparent}
#top-menu{position:absolute;bottom:0px;left:0px;width:100%;height:29px}
#top-menu ul{}
#top-menu ul li{display:block;float:left;height:29px;background:url(http://static1.spilcdn.com/fa/img/_/backgrounds/sprites/horizontals.png) top left no-repeat;*background:url(http://static1.spilcdn.com/fa/img/_/backgrounds/top_menu/top_menu_separator.png) top left no-repeat;line-height:26px;position:relative;_display:inline-block;z-index:99;*zoom:1}
#top-menu ul li:hover{z-index:100}
#top-menu ul.integration li{_margin-top:0}
#top-menu ul li.active{}
#top-menu ul li a{display:block;height:26px;color:#333;padding:0 20px 3px 20px;margin-left:1px;font-size:11px;font-weight:bold;text-decoration:none;text-transform:uppercase;line-height:26px;_display:inline-block;*position:relative;_left:1px;*top:0;*zoom:1}
#top-menu ul li.active a{color:#0098ff}
#top-menu ul li a:hover,#top-menu ul li a.hover{background:url(http://static1.spilcdn.com/fa/img/_/backgrounds/sprites/horizontals.png) repeat-x left -870px transparent;color:#333;z-index:1000;position:relative}
#top-menu ul li.active{_z-index:-1}
#top-menu ul li.home{background-image:none}
#top-menu ul li.home a{margin-left:0px;_left:0px}
#top-menu ul li .dropdown{display:block;position:absolute;width:148px;z-index:100;visibility:hidden;top:25px;_left:0px}
#top-menu ul li .dropdown .dropdown-content{background-color:#f3f3f3}
#top-menu ul li .dropdown .dropdown-content ul{border:1px solid #847d7d}
#top-menu ul li .dropdown .dropdown-content ul li{display:block;height:auto;padding:0;float:none;line-height:normal;*line-height:19px;background:none}
#top-menu ul li .dropdown .dropdown-content ul li a{display:block;position:relative;height:19px;margin:0px;padding:0 10px;border-bottom:1px solid #d4d4d4;line-height:19px;color:#4d4d4d;overflow:hidden;white-space:nowrap;text-transform:none;font-weight:normal;left:0;width:126px}
#top-menu ul li .dropdown .dropdown-content ul li a:hover{background:none;background-color:#e5e5e5;text-decoration:underline;border-right:none}
#top-menu ul li .to-right{left:auto;right:0px}
#top-menu ul li.more .to-right{right:-4px}
e l'html
Codice:
<div id="top-menu-bg"></div>
<div id="top-menu">
<ul>
<li class="home active">
<a href="/">Home</a> </li>
<li class="">
<a href="/giochi/abilita.html" class="">Abilità</a> <div class="dropdown" style="visibility: hidden; ">
<iframe src="javascript:false" style="height: 202px; position: absolute; top: 0px; left: 0px; opacity: 0; width: 148px; " class="bgiframe"></iframe>
<div class="dropdown-content">
<ul>
<li>
<a href="/giochi/Sparabolle/Sparabolle.html"><span class="cutMe">Sparabolle</span></a> </li>
<li>
<a href="/giochi/fisica/fisica.html"><span class="cutMe">Fisica</span></a> </li>
<li>
<a href="/giochi/punta-e-spara/punta-e-spara.html"><span class="cutMe">Punta e spara</span></a> </li>
<li>
<a href="/giochi/pacman/pacman.html"><span class="cutMe">Pacman</span></a> </li>
<li>
<a href="/giochi/festa-mondiale-degli-animali/festa-mondiale-degli-animali.html"><span class="cutMe">Festa mondiale degli animali</span></a> </li>
<li>
<a href="/giochi/distanza-record/distanza-record.html"><span class="cutMe">Distanza record</span></a> </li>
<li>
<a href="/giochi/concentrazione/concentrazione.html"><span class="cutMe">Concentrazione</span></a> </li>
<li>
<a href="/giochi/san-valentino/san-valentino.html"><span class="cutMe">San Valentino</span></a> </li>
<li>
<a href="/giochi/salti-e-saltelli/salti-e-saltelli.html"><span class="cutMe">Salti e saltelli</span></a> </li>
<li>
<a href="/giochi/parcheggio/parcheggio.html"><span class="cutMe">Parcheggio!</span></a> </li>
</ul>
</div>
</div> </li>
<li class="">
<a href="/giochi/al-femminile.html" class="">Al femminile</a> <div class="dropdown" style="visibility: hidden; ">
<iframe src="javascript:false" style="height: 202px; position: absolute; top: 0px; left: 0px; opacity: 0; width: 148px; " class="bgiframe"></iframe>
<div class="dropdown-content">
<ul>
<li>
<a href="/giochi/bellezza/bellezza.html"><span class="cutMe">Bellezza</span></a> </li>
<li>
<a href="/giochi/quiz/quiz.html"><span class="cutMe">Quiz</span></a> </li>
<li>
<a href="/giochi/decora-la-stanza/decora-la-stanza.html"><span class="cutMe">Decora la stanza!</span></a> </li>
<li>
<a href="/giochi/giochi-di-cucina-con-sara/giochi-di-cucina-con-sara.html"><span class="cutMe">Giochi di cucina con Sara</span></a> </li>
<li>
<a href="/giochi/gestione-aziende/gestione-aziende.html"><span class="cutMe">Gestione fattoria</span></a> </li>
<li>
<a href="/giochi/giochi-con-avatar/giochi-con-avatar.html"><span class="cutMe">Giochi con avatar</span></a> </li>
<li>
<a href="/giochi/gestione-del-tempo/gestione-del-tempo.html"><span class="cutMe">Gestione del tempo</span></a> </li>
<li>
<a href="/giochi/babysitting-e-simili/babysitting-e-simili.html"><span class="cutMe">Babysitting e simili</span></a> </li>
<li>
<a href="/giochi/Tutti-in-cucina/Tutti-in-cucina.html"><span class="cutMe">Tutti in cucina!</span></a> </li>
<li>
<a href="/giochi/sfilata-di-moda/sfilata-di-moda.html"><span class="cutMe">Sfilata di moda</span></a> </li>
</ul>
</div>
</div> </li>
non ho trovato altro