Support » Themes and Templates » Multi level drop down menu

  • Multi level drop down menu

    May I know How to create The Multi level drop down menu in WordPress..
    by using xhtml,css,php code integration…please….

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Unfortunately this a really broad subject. Have you looked into tutorials for creating menus? The reason I ask is there are several links that show when I do a google search of tutorials for drop-down menus. Most are CSS/JS and very few are PHP.

    Thread Starter gaffoor546

    (@gaffoor546)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Drop down list</title>
    <style>
    *{margin:0px; padding:0px;}
    .main_menu{ margin:50px; width: 970px;}
    .main_menu ul{ list-style:none; margin:0px; padding:0px;}
    .main_menu ul li{float:left; border-right:1px solid #FFFFFF;margin:0px; padding:0px; background:#333333;}
    .main_menu ul li a{ text-decoration:none; color:#FFFFFF; display:block; padding:10px 15px;}
    .main_menu ul li:last-child{border:none;}
    .main_menu ul li a:hover{ background:#00FF55; color:#2A0000;}
    .main_menu ul li ul{display:none; width:160px;}
    .main_menu ul li:hover ul{display:block; position:absolute;}
    .main_menu ul li ul li{padding:0px 0px; margin:0px; width:160px; float:left;background:#333333; border-bottom:1px solid #FFFFFF;}
    
    </style>
    </head>
    <body style="background:#FFBF55; width:100%;">
    <div class="main_menu">
    
    <ul>
    <li> <a href="">Mammals</a>
    <ul>
    <li> <a href="">Monotremes</a>
    <ul>
    <li><a href="">Echidnas</a></li>
    <li><a href="">Platypus</a></li>
    </ul>
    </li>
    <li> <a href="">Marsupials</a>
    <ul>
    <li><a href="">Opossums</a></li>
    <li><a href="">Numbats, etc.</a></li>
    <li><a href="">Bandicoots, etc.</a></li>
    <li><a href="">Kangaroos, koalas, wombats, etc.</a></li>
    </ul>
    </li>
    <li> <a href="">Placentals</a>
    <ul>
    <li><a href="">Primates, ungulates, etc.</a></li>
    <li><a href="">Anteaters, sloths, etc.</a></li>
    <li><a href="">Elephants, etc.</a></li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </div>
    </body>
    </html>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code has now been permanently damaged by the forum’s parser.]

    I know How to do in Xhtml,Css.But I don’t how to integration in wordpress..I want the process…to do it…please..

    Or Any links I Want to Know….U may convey me..

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Multi level drop down menu’ is closed to new replies.