Subscribe For Free Updates!

We'll not spam mate! We promise.

Monday, 23 June 2014

How To Create Custom Multiple Sub Menu Of Drop Menu

How To Create Custom Multiple Sub Menu Of Drop Menu In HTML For Blogger



To Make Just a Single Sub Menu Just Put <ul> Between Main <li>
Example :  
              <li> <a href="#" > Main </a> 
                       <ul> <li> <a href="#" > Single Sub Menu </a><li> </ul></li>



To Make Multiple Sub Menu In Navigation Bar Again Put <ul> Between Sub Menu <li>
Example :
     <li> <a href="#" > Main </a> 
          <ul> <li> <a href="#" > Single Sub Menu </a>
               <ul> <li> <a href="#" > Multiple Sub Menu </a>
                    </li> </ul>
                          <li> </ul></li>



HTML Codes Of Multiple Sub Menu Of Drop Menu


<li class="menu-bar">
<a href="#">Product</a> 
<ul> <li> <a href="#" > Product 1 </a> <ul>
                <li><a href='#'>Product A</a>
                </li>
                <li><a href='#'>Product B</a>
                </li>
                
            </ul></li> 
 <li> <a href="#" > Product 2 </a> <ul>
                <li><a href='#'>Product A</a>
                </li>
                <li><a href='#'>Product B</a>
                </li>
                
            </ul></li>  
 <li> <a href="#" > Product 3 </a><li> <a href="#" > Product 4 </a></li> </li> </ul> </li>


<li class="menu-bar">
<a href="#">Blogger Tips</a>
<ul> <li> <a href="#" > Begginer Tips </a>
<ul>
                <li><a href='#'>Begginer Tips  A</a>
                </li>
                <li><a href='#'>Begginer Tips  B</a>
                </li>
                
            </ul> </li> 
 <li> <a href="#" > Blogger Widgets </a> </li> 
 <li> <a href="#" > Drop Menu </a> </li> </ul>  </li>

                                </div>


Socializer Widget By Tips And How
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 comments:

Post a Comment