Wiki Info
Vuoi reagire a questo messaggio? Crea un account in pochi clic o accedi per continuare.
Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» Guida per utilizzare Arduino BT Control v1.2
Da Admin Gio Lug 09, 2020 12:01 pm

» Comunicazione termine servizio Arduino BT Control
Da Admin Gio Lug 09, 2020 12:00 pm

» Recensione Umidigi A3 Pro - Smartphone sotto i 100€
Da Admin Gio Apr 04, 2019 12:22 pm

» [Arduino] aiuto programma
Da Glak Mar Mar 12, 2019 9:30 am

» ERRORE NELLA COMPILAZIONE NEXTION
Da papat Mar Feb 26, 2019 7:11 am

» Comandare la Smart TV con Alexa senza broadlink (gratis)
Da Admin Mar Feb 19, 2019 4:31 pm

» Google Home diventa un traduttore simultaneo
Da Admin Mar Feb 19, 2019 4:27 pm

» Recensione Xiaomi Redmi 5 - Edizione 2019
Da Admin Mar Feb 19, 2019 4:24 pm

» Guadagnare lavorando per Google Street View
Da Admin Mar Feb 19, 2019 4:20 pm

I postatori più attivi del mese


Codice HTML per creare un menu come quello di Facebook

Andare in basso

Codice HTML per creare un menu come quello di Facebook Empty Codice HTML per creare un menu come quello di Facebook

Messaggio Da Admin il Gio Apr 19, 2012 8:16 pm

Codice HTML per creare un menu come quello di Facebook Facebo12

State progettando un sito in stile Facebook, ma vi manca il pezzo forte: la barra del menu.
Tranquillo, allora sei venuto nel sito giusto per prendere il codice per creare la barra menu in stile Facebook Wink! Il codice è il seguente:
Codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{background:#FFF;color:#333}
div#container{width:850px;margin:0 auto;background: #3B5998;color:#fff}
/*CSS principale per il menu*/

ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
ul#nav{height:26px;line-height:25px;margin-left:50px;
    background: #3B5998;color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px;
    display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
    width: 12em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav li li a{height:22px}  /*fix per IE */
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #5C75AA;color: #FFF}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

/*regole per separatore e le icone */

ul#nav li.sep{height: 34px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}
</style>

</head>
<body><div id="container">
<ul id="nav">
<li>
    <a href="#"><strong>Home</strong></a>
</li>
<li>
    <a href="#"><strong>E-Mail</strong></a>
    <ul>
        <li><a href="#">Componi mail</a></li>
        <li class="sep"><a href="#">Inbox</a><span></span></li>
        <li><a href="#">Invia mail</a></li>
        <li><a href="#">Cartella Spam</a></li>
    </ul>
</li>
<li>
    <a href="#"><strong>Modifica</strong></a>
    <ul>
        <li class="icon settings"><a href="#">Account</a></li>
        <li class="icon privacy"><a href="#">Privacy</a></li>

    </ul>
</li>
</ul>
</div>
</body>
</html>

La composizione del codice mi sembra abbastanza facile e non sia necessario inserire una guida dettagliata, ma possiamo comunque aiutarvi se non siete capaci Wink .
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4366
Crediti Crediti : 12162
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 22
Località Località : Brescia

https://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Codice HTML per creare un menu come quello di Facebook Empty Re: Codice HTML per creare un menu come quello di Facebook

Messaggio Da UroAra il Ven Mag 11, 2012 5:45 pm

per un forum dove la si mette e come si fa tutto?
UroAra
UroAra
Livello uno
Livello uno

Messaggi Messaggi : 17
Crediti Crediti : 234
Reputazione Reputazione : 0
Data d'iscrizione Data d'iscrizione : 28.04.12

Torna in alto Andare in basso

Codice HTML per creare un menu come quello di Facebook Empty Re: Codice HTML per creare un menu come quello di Facebook

Messaggio Da Niko il Lun Mag 14, 2012 9:12 pm

Molto bello Very Happy
complimenti Razz
Niko
Niko
Livello uno
Livello uno

Messaggi Messaggi : 29
Crediti Crediti : 258
Reputazione Reputazione : 0
Data d'iscrizione Data d'iscrizione : 25.02.12
Età Età : 24
Località Località : Varese

http://codes.forumotion.pro/

Torna in alto Andare in basso

Codice HTML per creare un menu come quello di Facebook Empty Re: Codice HTML per creare un menu come quello di Facebook

Messaggio Da Admin il Lun Mag 14, 2012 9:18 pm

Grazie, non è stato difficile, basta conoscere un po di CSS in più e tutto si fa in un battibaleno Wink. Inoltre, tramite una documentazione sul web è possibile farlo.
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4366
Crediti Crediti : 12162
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 22
Località Località : Brescia

https://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Codice HTML per creare un menu come quello di Facebook Empty Re: Codice HTML per creare un menu come quello di Facebook

Messaggio Da Contenuto sponsorizzato


Contenuto sponsorizzato


Torna in alto Andare in basso

Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.