Drop down menu

fmm

Drop down menu

Ciao,

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

josie

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!

fmm

Grazie mille Josie;).