Video of the day

Video Example

Blog Archive

Powered by Blogger.

Translate Page Any Language

Follow Us

Our

Follow Us

We want to make contribution to the world by producing finest and smartest better!

Create blogger SubMenu

 



Use gadget HTML/JavaScript In Menu Section and paste this code:

<ul id='technoandsoft'>
<li class="Action"><a href='technoandsoft.blogspot.com'>
Home</a></li>
<li class="Drop"><a href='#'>Menu-1</a>
<ul>
<li><a href='#'>Dropmenu-1</a></li>
<li><a href='#'>Dropmenu-2</a></li>
<li><a href='#'>Dropmenu-3</a></li>
</ul>
</li>
<li><a href='#'>Menu-2</a>
<ul>
<li><a href='#'>Dropmenu-1</a></Fli>
<li><a href='#'>Dropmenu-2</a></li>
<li><a href='#'>Dropmenu-3</a></li>
<li><a href='#'>Dropmenu-4</a></li>
</ul>
</li>
<li><a href='#'>Menu-4</a>
<ul>
<li><a href='#'>Dropmenu-1</a></li>
<li><a href='#'>Dropmenu-2</a></li>
<li><a href='#'>Dropmenu-3</a></li>
<li><a href='#'>Dropmenu-4</a></li>
<li><a href='#'>Dropmenu-5</a></li>

</ul></li>
<li><a href='#'>Menu-5</a>
<ul>
<li><a href='#'>Dropmenu-1</a></li>
<li><a href='#'>Dropmenu-2</a></li>
<li><a href='#'>Dropmenu-3</a></li>
</ul>
</li>
<li><a href='#'>Menu-6</a>
</li></ul>



Blogger Template Submit this CSS file section


#technoandsoft {
margin: 0px 0 0 -10px;
padding: 0px 0px 0px 0px;
width: 1050px; 
font: $(tabs.font);
color: $(tabs.text.color);
}

#technoandsoft ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none;
height: 20px;
list-style: none;
margin: 0px;
padding: 0px;
}

#technoandsoft li {
float: left;
padding: 0px;
}

#technoandsoft li a {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none;
display: block;
margin: 0px;
font: $(tabs.font);
text-decoration: none;
}

#technoandsoft > ul > li > a {
color: $(tabs.text.color);
}

#technoandsoft ul ul a {
color: $(tabs.text.color);
}

#technoandsoft li > a:hover, #technoandsoft ul li:hover {
color: $(tabs.selected.text.color);
background-color: $(tabs.selected.background.color);
text-decoration: none;
}

#technoandsoft li ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none;
display: none;
height: auto;
padding: 0px;
margin: 0px;
position: absolute;
width: 200px;
z-index:9999;
}

#technoandsoft li:hover ul {
display: block;
}

#technoandsoft li li {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none;
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 200px;
}

#technoandsoft li:hover li a {
background: $(tabs.selected.background.color);
}

#technoandsoft li ul a {
display: block;
height: auto;
margin: 0px;
padding: 10px;
text-align: left;
}

#technoandsoft li ul a:hover, #technoandsoft li ul li:hover > a {
color: $(tabs.selected.text.color); /* Template Designer - Change Text Color on Hover */
background-color: $(tabs.selected.background.color); /* Template Designer - Change Background on Hover */
border: 0px;
text-decoration: none;
}
 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}




0 on: "Create blogger SubMenu "

Your Comment is processing to approved