Visualizzazione risultati 1 fino 6 di 6

Discussione: barra menu

  1. #1
    lucatibaldo non è connesso Utente giovane
    Data registrazione
    26-08-2011
    Messaggi
    42

    Wink barra menu

    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 !!!
    Ultima modifica di lucatibaldo : 15-12-2011 alle ore 15.05.35 Motivo: errore scritta

  2. #2
    L'avatar di radiodelmomento
    radiodelmomento non è connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Apri un topic alla volta.

  3. #3
    taffizone non è connesso Neofita
    Data registrazione
    08-08-2011
    Messaggi
    8

    Predefinito

    Citazione Originalmente inviato da lucatibaldo Visualizza messaggio
    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

  4. #4
    lucatibaldo non è connesso Utente giovane
    Data registrazione
    26-08-2011
    Messaggi
    42

    Predefinito grazie

    grazie a taffizone
    E a uti quelli che mi hanno risposto!!!!

    EDIT:

    dove metto il codice css
    In un altro file o lo metto nella stessa pagina
    Rispondete
    Ultima modifica di alemoppo : 15-12-2011 alle ore 22.16.25 Motivo: Non fare post consecutivi: usa il tasto "Edita" per editare i messaggi.

  5. #5
    L'avatar di radiodelmomento
    radiodelmomento non è connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    È uguale, ma se lo metti in un'altra pagina lo includi.
    Ciao!

  6. #6
    lucatibaldo non è connesso Utente giovane
    Data registrazione
    26-08-2011
    Messaggi
    42

    Predefinito a me viene cosi

    ciao a me viene cosi fatto come mi hai detto tehttp://www.infinitegames.altervista.org/index.html
    puoi provarlo a mettere suul tuo sito cosi risolvo il problema
    P.S.
    il menu mi viene spostato in giu rispetto alla barra e non vengono giu le opzioni
    Ultima modifica di lucatibaldo : 16-12-2011 alle ore 19.27.02 Motivo: non c'era il link

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •