• User Attivo

    Drop down menu

    Ciao,

    come faccio ad inserire in un tema wp un menu drop down con all'interno i nomi delle categorie?:?
    Dario


  • Super User

    Ciao Dario,

    per avere un menu tipo drop down puoi usare questo codice:

    
    
    
    * <div style="text-align:center;">
    *     <ul id="menu" style="padding:0; margin:0;">
    *  <?php wp_list_categories('sort_column=name&sort_order=asc&style=list&children=true&hierarchical=true&title_li=0'); ?>
    *     </ul>
    * </div>
    

    In questo modo il menu viene visualizzato come una lista in ordine gerarchico ed è possibile definire lo stile nel css:

    
    ul#menu {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        font-size:1.2em;
    }
    
    ul#menu li {
        float: left;
        padding: 0;
        margin: 0;
        border-right:solid 1px #fff;
    }
    
    ul#menu ul li {
        float: none;
        position: relative;
        border-bottom: 1px solid #7EA1D7; /* per un problema in IE */
        border-left: 1px solid #FFF;
        z-index:1000;
    }
    
    ul#menu li ul {
        margin: 0;
        padding: 0;
        display:none;
        list-style: none;
        position: absolute;
        background: #9CC;
    }
    ul#menu ul ul{
        margin-left: .2em;
        position: absolute;
        top: 0; /* if using borders, -1px to align top borders */
        left: 100%;
    }
    
    ul#menu * a:hover, ul#menu li a:active{
    background:#7EA1D7 !important;
    color: #FFFFFF;
    }
    
    ul#menu li a:link,
    ul#menu li a:visited,
    ul#menu li a:hover,
    ul#menu  li a:active{
        display: block;
        padding: .2em .3em;
        text-decoration: none;
        background: #000000;
         color:;
    }
    
    
    ul#menu ul li a:link,
    ul#menu ul li a:visited,
    ul#menu ul li a:hover,
    ul#menu ul li a:active {
        width: 8em;
    }
    
    

    Ovviamente sistema i colori e le dimensioni nel modo che preferisci. Fammi sapere!


  • User Attivo

    Grazie mille Josie;).