Ayuda css de mi menu

fais · 13 Feb 2013

hola amigos, he creado un menu horizontal con listas y css, me guastaria incrustrarlo en wordpress, para poder manejarlo con el administrador interno, el codigo del menu funciona perfecto, pero no se muy bien como decirle despues a wp_nav_menu( array(.... que me coja esos id, os muestro mi codigo css y html

style.css:

Insertar CODE, HTML o PHP:

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/


    /* MyCSSMenu 0 */

    /*"""""""" (MAIN) Container""""""""*/    
    #qm0    
    {    
        background-color:transparent;
    }


    /*"""""""" (MAIN) Items""""""""*/    
    #qm0 a    
    {    
        padding:5px 60px 3px 0px;
        background-color:#FFFFFF;
        color:#217D12;
        font-family:Arial;
        font-size:13px;
        text-decoration:none;
        font-weight:bold;
        border-width:0px 0px 8px;
        border-style:solid;
        border-color:#217D12;
    }


    /*"""""""" (MAIN) Hover State""""""""*/    
    #qm0 a:hover    
    {    
        background-color:#FFFFFF;
        color:#217D12;
        border-color:#217D12;
    }


    /*"""""""" (MAIN) Parent Items""""""""*/    
    #qm0 .qmparent    
    {    
        background-image:url("");
        background-repeat:no-repeat;
        background-position:95% center;
    }


    /*"""""""" (MAIN) Active State""""""""*/    
    body #qm0 .qmactive, body #qm0 .qmactive:hover    
    {    
        background-color:#FFFFFF;
        color:#217D12;
        text-decoration:none;
        border-color:#217D12;
    }


    /*"""""""" (SUB) Container""""""""*/    
    #qm0 div, #qm0 ul    
    {    
        padding:10px 5px;
        background-color:#EEEEEE;
        border-width:1px;
        border-style:solid;
        border-color:#217D12;
    }


    /*"""""""" (SUB) Items""""""""*/    
    #qm0 div a, #qm0 ul a    
    {    
        padding:3px 3px 3px 5px;
        background-color:transparent;
        color:#217D12;
        font-size:12px;
        font-weight:normal;
        border-width:0px;
        border-style:none;
        border-color:#217D12;
    }


    /*"""""""" (SUB) Hover State""""""""*/    
    #qm0 div a:hover, #qm0 ul a:hover    
    {    
        background-color:#217D12;
        color:#FFFFFF;
        text-decoration:none;
    }


    /*"""""""" (SUB) Parent Items""""""""*/    
    #qm0 div .qmparent    
    {    
        background-image:url("images/arrow_right.gif");
    }


    /*"""""""" (SUB) Active State""""""""*/    
    body #qm0 div .qmactive, body #qm0 div .qmactive:hover    
    {    
        background-color:#217D12;
        color:#FFFFFF;
    }

y el html:

HTML:

<ul id="qm0" class="qmmc">

    <li><a class="qmparent" href="javascript:void(0)">Products</a>

        <ul style="width:103px;">
        <li><a href="javascript:void(0)">All...</a></li>
        <li><a href="javascript:void(0)">Digital Imaging</a></li>
        <li><a href="javascript:void(0)">Video and audio</a></li>
        </ul></li>

    <li><a class="qmparent" href="javascript:void(0)">Solutions</a>
        <ul style="width:107px;">
        <li><a href="javascript:void(0)">Satisfaction</a></li>
        <li><a href="javascript:void(0)">Our Goals</a></li>
        <li><a href="javascript:void(0)">Product Warranty</a></li>
        </ul></li>

    <li><a class="qmparent" href="javascript:void(0)">Support</a
        <ul style="width:98px;">
        <li><a href="javascript:void(0)">Annual Meetings</a></li>
        </ul></li>

    <li><a class="qmparent" href="javascript:void(0)">About</a>

        <ul style="width:85px;">
        <li><a href="javascript:void(0)">Satisfaction</a></li>
        <li><a href="javascript:void(0)">Our Goals</a></li>
     
        </ul></li>

<li class="qmclear">&nbsp;</li></ul>

y tengo k completar :

Insertar CODE, HTML o PHP:

 wp_nav_menu(
                array(
                    
                    'items_wrap' => '<ul id="menu-top" class="qmmc">%3$s</ul>',
                    'theme_location' => 'menu-principal',
                    'container_id' => 'qm0',
                    'menu_id' => 'qm0'
            ));

si alguien fuera tan amable de echarme una mano para rellenar el array para mostar el contenido, muchas gracias

Ayuda css de mi menu

fais

Temas similares