See the blog that I created for
kumbla dub district youth festival. This blog contains many tabs .
Too many tabs make the blog less attractive.
As you you all Tabs are html pages. If
I create drop down menu for certain pages,I can reduce the number of
tabs. For eg: UP GENERAL, UP ARABIC , UP SANSKRIT come under UP
Section.The same is the case of HS and L.P
So I did the following activities.
Step1: I copied the code given below
to a text editor or word processor page.
<!-- start navmenu -->
<ul id='cssnav'>
<li class="active"> <a
href=''#'>Home</a>
</li>
<li>
<a href='#'>HISTORY</a>
</li>
<li>
<a href='#'>SCHOOLS</a>
</li>
<li>
<a href='#'>COMMITTES</a>
</li>
<li>
<a href='#'>MANUAL</a>
</li>
<li>
<a href='#'>ITEM CODES
</a>
</li>
<li>
<a href='#'>ITEM CODES
KANNADA</a></li>
<li>
<a href='#'>L.P
SECTION</a>
<ul>
<li><a
href='#'>L.P GENERAL</a></li>
<li><a
href='#'>L.P ARABIC</a></li></ul>
<li> <a href='#'>U.P
SECTION</a>
<ul>
<li><a
href='#'>U.P GENERAL</a></li>
<li><a
href='#'>U.P SANSKRIT</a></li>
<li><a href='#'>U.P
ARABIC</a></li>
</ul>
<li> <a
href='#'>H.S.SECTION</a>
<ul>
<li><a href='#'>H.S
GENERAL</a></li>
<li><a
href='#'>H.S.SANSKRITL</a></li>
<li><a href='#'>H.S
ARABIC</a></li></ul>
<li> <a href='#'>H.S.S
GENERAL </a>
</li>
<!-- end navmenu
--></li></li></li></ul>