It's Most 35+ Drib Downwards Carte Du Jour Widget Inward Blogger Horizontal Menus Css & Css3
Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website. This is the awesome CSS dropdown navigation carte du jour which is built alongside pure CSS, HTML, CSS3 as well as images Don’t uses JQUERY or JavaScript. This Beautiful drib downwards carte du jour actually corking to come across inwards a blog. It helps visitors to easily teach the required content the whole blog. This novel pure CSS3 drib downwards carte du jour widget volition brand your spider web log outlook to a greater extent than professional. H5N1 dropdown widget is a proficient solution sidebar infinite saving occupation slove as well as slow to install. So let’s teach started add together dropdown carte du jour inwards blogger.
How To Add Drop Down Navigation Menu In Blogger
Now let's start adding it...
Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane as well as click on Add a Gadget link. (In The Header Area)
Step 2. After click on Add a Gadget link H5N1 pop-up box volition opened upwards now
alongside many gadget list, Choose HTML/JavaScript from the gadget options past times clicking the bluish summation sign for that gadget.
Step 3. Select 'HTML/Javascript' as well as add together the i of code given below.
Step 4. Now Click On Save 'JavaScript' You are done.
01-Light Opera Drop Down Menu :-
<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu{height:49px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);border-bottom:2px enterprise #db000b;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);background:linear-gradient(top,#fefefe 0%,#ececec 100%);color:#000;display:inline-block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:49px;padding:0 20px;text-decoration:none}#cssmenu ul{list-style:none}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li > a{color:#000;font-size:12px}#cssmenu > ul > li:hover:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px enterprise transparent;border-right:10px enterprise transparent;border-bottom:10px enterprise #db000b;margin-left:-10px}#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0}#cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px enterprise transparent;border-right:10px enterprise transparent;border-bottom:10px enterprise #db000b;margin-left:-10px}#cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%)}#cssmenu > ul > li:hover > a{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li{*margin-bottom:-1px}#cssmenu .has-sub ul li a{background:#db000b;border-bottom:1px dotted #ff0f1b;filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}#cssmenu .has-sub ul li:hover a{background:#a80008}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#a80008;border-bottom:1px dotted #ff0f1b}#cssmenu .has-sub .has-sub ul li a:hover{background:#8f0007}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
02-Animated Drop Down CSS3 :-
<style type="text/css">#cssmenu ul{margin:0;padding:0}#cssmenu li{margin:0;padding:0}#cssmenu a{margin:0;padding:0}#cssmenu ul{list-style:none}#cssmenu a{text-decoration:none}#cssmenu{height:70px;background-color:#232323;box-shadow:0 2px 3px rgba(0,0,0,0.4);width:auto}#cssmenu > ul > li{float:left;margin-left:15px;position:relative}#cssmenu > ul > li > a{color:#a0a0a0;font-family:Verdana,'Lucida Grande';font-size:15px;line-height:70px;padding:15px 20px;-webkit-transition:color .15s;-moz-transition:color .15s;-o-transition:color .15s;transition:color .15s}#cssmenu > ul > li > a:hover{color:#fff}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;position:absolute;top:55px;left:50%;margin-left:-90px;width:180px;-webkit-transition:all .3s .1s;-moz-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu > ul > li:hover > ul{opacity:1;top:65px;visibility:visible}#cssmenu > ul > li > ul:before{content:'';display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}#cssmenu > ul ul > li{position:relative}#cssmenu ul ul a{color:#323232;font-family:Verdana,'Lucida Grande';font-size:13px;background-color:#fafafa;padding:5px 8px 7px 16px;display:block;-webkit-transition:background-color 0.1s;-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s}#cssmenu ul ul a:hover{background-color:#f0f0f0}#cssmenu ul ul ul{visibility:hidden;opacity:0;position:absolute;top:-16px;left:206px;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;width:180px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu ul ul > li:hover > ul{opacity:1;left:190px;visibility:visible}#cssmenu ul ul a:hover{background-color:#cc2c24;color:#f0f0f0}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Product</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Product</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
03-Colored Tab Dropdown :-
<style type="text/css">@charset 'UTF-8';#cssmenu{border:none;border:0;margin:0;padding:0;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e;width:auto}#cssmenu > ul{margin-top:6px !important}#cssmenu ul{background:#CDCDCD;background:-webkit-linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);background:linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);border-top:1px enterprise #A8A8A8;-webkit-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);height:27px;list-style:none;margin:0;padding:0}#cssmenu ul ul{border-top:6px enterprise #a80329;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#cssmenu ul ul a{line-height:43px}#cssmenu ul ul ul{left:100%;top:0}#cssmenu li{float:left;padding:0 8px}#cssmenu li a{color:#666;display:block;font-weight:bold;line-height:30px;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{color:#000;text-decoration:none}#cssmenu li ul{background:#e0e0e0;border-left:2px enterprise #a80329;border-right:2px enterprise #a80329;border-bottom:2px enterprise #a80329;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover > ul{display:block}#cssmenu li li{display:block;float:none;padding:0;position:relative;width:225px}#cssmenu li ul a{display:block;font-size:12px;font-style:normal;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover{background:#949494;color:#000;opacity:1.0;filter:alpha(opacity=100)}#cssmenu p{clear:left}#cssmenu .active > a{background:#a80329;-webkit-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;-moz-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;color:#fff}#cssmenu .active > a:hover{color:white}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
04-Black Apple Drop Down Menu :-
<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#fff;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;min-width:35px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #333}#cssmenu ul{list-style:none}#cssmenu > ul > li{float:left}#cssmenu > ul > li.active a{background:#646464 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoHI7aRC4z9QjRNO88K_o5AUxSjv_QX1MvyjLPfD0_4bS-TP7Kqy7-1y5saX0JVR49-9wN5UbGDxihcB5jUe7LvK7gsHyd2Nh-YZLUkekIG8MMKJEqK12eXd6iEpmLd6ThNqiOJmuRksS1/s1600/grad_dark.png) repeat-x left bottom;background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#4a4a4a));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#646464',endColorstr='#4a4a4a',GradientType=0);box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;-moz-box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;-webkit-box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;filter:none}#cssmenu > ul > li.active a:hover{background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#4a4a4a));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#646464',endColorstr='#4a4a4a',GradientType=0);filter:none}#cssmenu > ul > li a{box-shadow:inset 0 0 0 1px #8a8a8a;-moz-box-shadow:inset 0 0 0 1px #8a8a8a;-webkit-box-shadow:inset 0 0 0 1px #8a8a8a;background:#4a4a4a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoHI7aRC4z9QjRNO88K_o5AUxSjv_QX1MvyjLPfD0_4bS-TP7Kqy7-1y5saX0JVR49-9wN5UbGDxihcB5jUe7LvK7gsHyd2Nh-YZLUkekIG8MMKJEqK12eXd6iEpmLd6ThNqiOJmuRksS1/s1600/grad_dark.png) repeat-x left top;background:-moz-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#8a8a8a),color-stop(50%,#707070),color-stop(51%,#626262),color-stop(100%,#787878));background:-webkit-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-o-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-ms-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:linear-gradient(to bottom,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#787878',GradientType=0);border-bottom:1px enterprise #5d5d5d;border-top:1px enterprise #5d5d5d;border-right:1px enterprise #5d5d5d;line-height:34px;padding:0 35px;filter:none}#cssmenu > ul > li a:hover{background:#8a8a8a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoHI7aRC4z9QjRNO88K_o5AUxSjv_QX1MvyjLPfD0_4bS-TP7Kqy7-1y5saX0JVR49-9wN5UbGDxihcB5jUe7LvK7gsHyd2Nh-YZLUkekIG8MMKJEqK12eXd6iEpmLd6ThNqiOJmuRksS1/s1600/grad_dark.png) repeat-x left bottom;background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(50%,#4a4a4a),color-stop(51%,#3b3b3b),color-stop(100%,#525252));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#787878',GradientType=0);filter:none}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-left:1px enterprise #5d5d5d}#cssmenu > ul > li:last-child a{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;top:36px;left:-1px;min-width:100%;text-align:center;/* IE7 */ *width:100%}#cssmenu .has-sub ul li{text-align:center}#cssmenu .has-sub ul li a{border-top:0 none;border-left:1px enterprise #5d5d5d;display:block;line-height:120%;padding:9px 5px;text-align:center}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
05-Apple CSS3 :-
<style type="text/css">#cssmenu ul{margin:0;padding:7px 6px 0;background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_48dg1T5oRvBQmpUTelKlJbBVrOyp62dO7sK4q7Ai1gV_FkzJPOUDAF2BSwzfevGuYJZEmWkjhdMDvI8EID9mmKe6ahimfbHlJnjzg5DcydCwlaImB8uC2K4uALx4Q0gPufCiszMIWU5r/s1600/overlay.png) repeat-x 0 -110px;line-height:100%;border-radius:1em;font:normal 0.5333333333333333em Arial,Helvetica,sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);width:auto}#cssmenu li{margin:0 5px;padding:0 0 8px;float:left;position:relative;list-style:none}#cssmenu a,#cssmenu a:link{font-weight:bold;font-size:13px;color:#e7e5e5;text-decoration:none;display:block;padding:8px 20px;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.3)}#cssmenu a:hover{background:#000;color:#fff}#cssmenu .active a,#cssmenu li:hover > a{background:#979797 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_48dg1T5oRvBQmpUTelKlJbBVrOyp62dO7sK4q7Ai1gV_FkzJPOUDAF2BSwzfevGuYJZEmWkjhdMDvI8EID9mmKe6ahimfbHlJnjzg5DcydCwlaImB8uC2K4uALx4Q0gPufCiszMIWU5r/s1600/overlay.png) repeat-x 0 -40px;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_48dg1T5oRvBQmpUTelKlJbBVrOyp62dO7sK4q7Ai1gV_FkzJPOUDAF2BSwzfevGuYJZEmWkjhdMDvI8EID9mmKe6ahimfbHlJnjzg5DcydCwlaImB8uC2K4uALx4Q0gPufCiszMIWU5r/s1600/overlay.png) repeat-x 0 -40px;color:#444;border-top:solid 1px #f8f8f8;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);text-shadow:0 1px 0 #fff}#cssmenu ul ul li:hover a,#cssmenu li:hover li a{background:none;border:none;color:#666;-webkit-box-shadow:none;-moz-box-shadow:none}#cssmenu ul ul a:hover{background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_48dg1T5oRvBQmpUTelKlJbBVrOyp62dO7sK4q7Ai1gV_FkzJPOUDAF2BSwzfevGuYJZEmWkjhdMDvI8EID9mmKe6ahimfbHlJnjzg5DcydCwlaImB8uC2K4uALx4Q0gPufCiszMIWU5r/s1600/overlay.png) repeat-x 0 -100px !important;color:#fff !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.1)}#cssmenu li:hover > ul{display:block}#cssmenu ul ul{display:none;margin:0;padding:0;width:185px;position:absolute;top:40px;left:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_48dg1T5oRvBQmpUTelKlJbBVrOyp62dO7sK4q7Ai1gV_FkzJPOUDAF2BSwzfevGuYJZEmWkjhdMDvI8EID9mmKe6ahimfbHlJnjzg5DcydCwlaImB8uC2K4uALx4Q0gPufCiszMIWU5r/s1600/overlay.png) repeat-x 0 0;border:solid 1px #b4b4b4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3)}#cssmenu ul ul li{float:none;margin:0;padding:3px}#cssmenu ul ul a,#cssmenu ul ul a:link{font-weight:normal;font-size:12px}#cssmenu ul:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0}* html #cssmenu ul{height:1%}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
06-Red & Grey Rough Drop Down Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhecgVIxpAbEv4dY3czhs629XRscyWnJFCbsZUBjZ9BHg_D5e793I4CYP9GHL1G1jmzLdUB1onj8lmftPTQ15Xw_ixibsuMX30050zrhNE6Z6ahkW6i44NhFIDQgXluGY-6m6weDeyWi0QM/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAIKq6ZoA0eGGuNXtkH7n2jus3elnlqsXyJCT50Dkhkbt8_-0xUAj-CCj5Hhp2lqptypGSpmTsDt23CeUwfpfA3pcohAriS53T6-bQevhH1bU54fVdSMUB_OLhi5xPipg6sz7a5ncBuyVP/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #9e3825;text-shadow:0 -1px 0 rgba(116,37,2,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TwRkLi7ESTFx-DnqunWSOlh_DYl4IBFNdwaxhNDFl3rQXrMz-bcTRP176BRC-0KKlbNZHWHZ5lJTrnOuZu8NfsbT4XZoSMbL90BHb2A0y8you3yTZ_TDSO9ZeBG-lYP6lFahqPnZPoMF/s1600/hover.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPIiuKdRuuLNjDupJ4i0RaTeSVqv9a3l0YVn86OdNl_IFBHbrkz8-0nJgYbfT2F6kTYw17C64VeWbCCHvOWxxDSRqPwEIDPj9prn_YuW-co10HWTbGQWrk2HiOttKCbrNIYq7RRHN41a4i/s1600/active.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhecgVIxpAbEv4dY3czhs629XRscyWnJFCbsZUBjZ9BHg_D5e793I4CYP9GHL1G1jmzLdUB1onj8lmftPTQ15Xw_ixibsuMX30050zrhNE6Z6ahkW6i44NhFIDQgXluGY-6m6weDeyWi0QM/s1600/highlight-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:#393939;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px enterprise transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 1px 0 white}#cssmenu > ul ul li a:hover{border-left:4px enterprise #de553b;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TwRkLi7ESTFx-DnqunWSOlh_DYl4IBFNdwaxhNDFl3rQXrMz-bcTRP176BRC-0KKlbNZHWHZ5lJTrnOuZu8NfsbT4XZoSMbL90BHb2A0y8you3yTZ_TDSO9ZeBG-lYP6lFahqPnZPoMF/s1600/hover.png) repeat;color:white;text-shadow:0 1px 0 black}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAIKq6ZoA0eGGuNXtkH7n2jus3elnlqsXyJCT50Dkhkbt8_-0xUAj-CCj5Hhp2lqptypGSpmTsDt23CeUwfpfA3pcohAriS53T6-bQevhH1bU54fVdSMUB_OLhi5xPipg6sz7a5ncBuyVP/s1600/menu-bg.png) repeat}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
07-Apple Light Drop Down Menu :-
<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#333;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;min-width:35px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #eee}#cssmenu ul{list-style:none}#cssmenu > ul > li{float:left}#cssmenu > ul > li.active > a{background:#d9d9d9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-aC_9ErCSTnL08Ps3QwBX3CZ_ptJdoO1o_VvwSoyXuQOCVaMzOWnJt2SuFjhBNOUb2rKlIEMnbpTKtEDJ0Nn8y6OfuAFlGpKnxHqaJjhpkEeTkQrqQQaILJ-pksB1W_s0LoIo845zHbtL/s1600/grad_light.png) repeat-x left bottom;background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(100%,#bfbfbf));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9',endColorstr='#bfbfbf',GradientType=0);box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;-moz-box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;-webkit-box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;filter:none}#cssmenu > ul > li.active a:hover{background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(100%,#bfbfbf));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9',endColorstr='#bfbfbf',GradientType=0);filter:none}#cssmenu > ul > li a{box-shadow:inset 0 0 0 1px #fff;-moz-box-shadow:inset 0 0 0 1px #fff;-webkit-box-shadow:inset 0 0 0 1px #fff;background:#bfbfbf url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-aC_9ErCSTnL08Ps3QwBX3CZ_ptJdoO1o_VvwSoyXuQOCVaMzOWnJt2SuFjhBNOUb2rKlIEMnbpTKtEDJ0Nn8y6OfuAFlGpKnxHqaJjhpkEeTkQrqQQaILJ-pksB1W_s0LoIo845zHbtL/s1600/grad_light.png) repeat-x left top;background:-moz-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#e5e5e5),color-stop(51%,#d7d7d7),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-o-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-ms-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:linear-gradient(to bottom,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#ededed',GradientType=0);border-bottom:1px enterprise #d2d2d2;border-top:1px enterprise #d2d2d2;border-right:1px enterprise #d2d2d2;line-height:34px;padding:0 35px;filter:none}#cssmenu > ul > li a:hover{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-aC_9ErCSTnL08Ps3QwBX3CZ_ptJdoO1o_VvwSoyXuQOCVaMzOWnJt2SuFjhBNOUb2rKlIEMnbpTKtEDJ0Nn8y6OfuAFlGpKnxHqaJjhpkEeTkQrqQQaILJ-pksB1W_s0LoIo845zHbtL/s1600/grad_light.png) repeat-x left bottom;background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(50%,#bfbfbf),color-stop(51%,#b0b0b0),color-stop(100%,#c7c7c7));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#ededed',GradientType=0);filter:none}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-left:1px enterprise #d2d2d2}#cssmenu > ul > li:last-child a{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;top:36px;left:-1px;min-width:100%;text-align:center;*width:100%}#cssmenu .has-sub ul li{text-align:center}#cssmenu .has-sub ul li a{border-top:0 none;border-left:1px enterprise #d2d2d2;display:block;font-size:12px;line-height:120%;padding:9px 5px;text-align:center}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
08-Silver Salmon Button Dropdown :-
<style type="text/css">@charset 'UTF-8';/* Starter CSS for Menu */#cssmenu{padding:0;margin:0;border:0}#cssmenu ul,#cssmenu li{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597}#cssmenu ul li{float:left;min-height:1px;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:0;left:100%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{margin-top:0}#cssmenu a{display:block;line-height:1em;text-decoration:none}#cssmenu ul li.last ul{left:auto;right:0}#cssmenu ul li.last ul ul{left:auto;right:99.5%}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}/* Custom CSS Styles */#cssmenu{width:auto;font-family:Helvetica,Arial,sans-serif}#cssmenu:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAA3NCSVQICAjb4U/gAAAAI0lEQVQImWPwj0hh+v//PxPD//9M////Z/rP8J/p//9/MD4AGUETB+SFfCsAAAAASUVORK5CYII=);background-color:#606a77;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4f5864),color-stop(1,#49515b));background-image:-webkit-linear-gradient(top,#4f5864,#49515b);background-image:-moz-linear-gradient(top,#4f5864,#49515b);background-image:-o-linear-gradient(top,#4f5864,#49515b);background-image:linear-gradient(#4f5864,#49515b);-moz-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;-webkit-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;content:'';display:block;height:8px}#cssmenu > ul{border-bottom:1px enterprise #252A30;border-top:1px enterprise #252A30;-moz-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);background-color:#566171;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6e7d8f),color-stop(1,#404854));background-image:-webkit-linear-gradient(top,#6e7d8f,#404854);background-image:-moz-linear-gradient(top,#6e7d8f,#404854);background-image:-o-linear-gradient(top,#6e7d8f,#404854);background-image:linear-gradient(#6e7d8f,#404854);height:27px;padding:15px 15px 15px 5px}#cssmenu > ul > li{margin:0 10px}#cssmenu > ul > li.has-sub:hover > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#cssmenu > ul > li:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAGElEQVQImWP4//8/079//0jGf//+JVUPAADfUJPhbDTaAAAAAElFTkSuQmCC);background-color:#e2e2e2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#c8c8c8));background-image:-webkit-linear-gradient(top,#fff,#c8c8c8);background-image:-moz-linear-gradient(top,#fff,#c8c8c8);background-image:-o-linear-gradient(top,#fff,#c8c8c8);background-image:linear-gradient(#fff,#c8c8c8)}#cssmenu > ul > li.active:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAJklEQVQImWP4MruP6d+/f0z//v5Fo/8x/fv3F41GyP8lUf2/v38BoDRPnb8AZS4AAAAASUVORK5CYII=);background-color:#cb7b72;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f49b8e),color-stop(1,#bd584d));background-image:-webkit-linear-gradient(top,#f49b8e,#bd584d);background-image:-moz-linear-gradient(top,#f49b8e,#bd584d);background-image:-o-linear-gradient(top,#f49b8e,#bd584d);background-image:linear-gradient(#f49b8e,#bd584d)}#cssmenu ul a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAIUlEQVQImWP4+PEj09+/f5n+/fvH9PfvXzhG5uNik6gOAOTaUDaAXrIOAAAAAElFTkSuQmCC);background-color:#c2c2c2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1f1f1),color-stop(1,#a8a8a8));background-image:-webkit-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-moz-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-o-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:linear-gradient(#f1f1f1,#a8a8a8);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);color:#3c444d;font-size:12px;line-height:27px;padding:0 20px;position:relative;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.4)}#cssmenu ul ul{width:170px}#cssmenu ul ul a{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;line-height:150%}#cssmenu ul .active > a{color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.4);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAANUlEQVQImXXMsQ0AIRTD0FMmvRlYnAm+TQEIGronxcrX2x80hUEDpNx2em0lx9wNj37+rX4AhN5PdtvsqRUAAAAASUVORK5CYII=);background-color:#c46a60;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ef7260),color-stop(1,#b04c41));background-image:-webkit-linear-gradient(top,#ef7260,#b04c41);background-image:-moz-linear-gradient(top,#ef7260,#b04c41);background-image:-o-linear-gradient(top,#ef7260,#b04c41);background-image:linear-gradient(#ef7260,#b04c41)}#cssmenu ul .has-sub{position:relative}#cssmenu ul .has-sub ul{-moz-border-radius:0 3px 3px 3px;-webkit-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAMAAAAxtAOuAAAAolBMVEXp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enCAApGAAAANXRSTlP9+vf08Ozp5eDc19POycS+ubOuqKOdl5GLhYB6dG5oYlxXUUxGQTs2MSwoIx8aFhMPCwgFAqv7N0MAAABMSURBVHheBcCDEcMAAADAj1Hbtr3/aj0/BEKRWCKVyRVKFVU1dQ1NLW0dXT19A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx/fP9L5BZigzasGAAAAAElFTkSuQmCC) repeat-x;background-color:#c3c3c3;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e9e9e9),color-stop(1,#aaa));background-image:-webkit-linear-gradient(top,#e9e9e9,#aaa);background-image:-moz-linear-gradient(top,#e9e9e9,#aaa);background-image:-o-linear-gradient(top,#e9e9e9,#aaa);background-image:linear-gradient(#e9e9e9,#aaa);padding:3px 0}#cssmenu ul .has-sub ul a{background:none;padding:8px 8px 8px 16px;border-bottom:1px enterprise transparent;text-align:left}#cssmenu ul .has-sub ul .has-sub a:after{content:none}#cssmenu ul .has-sub li:hover > a{border-bottom:1px enterprise #1D2024;color:#FFF;background-color:#55616f;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#56606f),color-stop(1,#3f4852));background-image:-webkit-linear-gradient(top,#56606f,#3f4852);background-image:-moz-linear-gradient(top,#56606f,#3f4852);background-image:-o-linear-gradient(top,#56606f,#3f4852);background-image:linear-gradient(#56606f,#3f4852);-moz-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;-webkit-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;position:relative;text-shadow:0 1px 0 rgba(0,0,0,0.4)}#cssmenu ul .has-sub li:hover > a:after{border-left:0 none;background-color:#c35f54;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ea5f51),color-stop(1,#a9463b));background-image:-webkit-linear-gradient(top,#ea5f51,#a9463b);background-image:-moz-linear-gradient(top,#ea5f51,#a9463b);background-image:-o-linear-gradient(top,#ea5f51,#a9463b);background-image:linear-gradient(#ea5f51,#a9463b);-moz-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;-webkit-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;content:'';height:100%;width:6px;position:absolute;right:0;top:0}#cssmenu ul .has-sub > a{padding-right:0}#cssmenu ul .has-sub > a:after{content:'▼';border-left:1px enterprise rgba(100,100,100,0.2);color:#5D6A7A;-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.2);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.2);box-shadow:-1px 0 0 rgba(255,255,255,0.2);display:inline-block;font-size:9px;margin-left:5px;text-align:center;height:25px;width:24px;text-shadow:0 -1px 0 #101417}#cssmenu ul .active > a:after{color:#FFF}#cssmenu ul ul a{font-size:12px}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
09-Orange CSS3 :-
<style type="text/css">/* #F93 *//* #C60 */#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#f93;height:50px;list-style:none;margin:0;padding:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1)}#cssmenu li{float:left;padding:0 0 0 15px}#cssmenu li a{color:#000;display:block;font-weight:normal;line-height:50px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{background:#c60;color:#FFF;text-decoration:none;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}#cssmenu ul li:hover a{background:#c60;color:#FFF;text-decoration:none}#cssmenu li ul{display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:200px;z-index:200}#cssmenu li:hover ul{display:block}#cssmenu li li{display:block;float:none;margin:0;padding:0;width:200px;background:#f93;/*this is where the rounded corners for the dropdown disappears*/}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:50px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover a{border:0;color:#FFF;text-decoration:none;background:#c60;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
010-Grey Impression Drop Down Menu :-
<style type="text/css">#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#333;height:35px;list-style:none;margin:0;padding:0}#cssmenu li{float:left;padding:0}#cssmenu li a{background:#333 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifIIPkXqFdIHY7obh7muaD66GZf40n62nnq1CNUNkGG2LhMVGMcHau5djrWMjGIjcI2-ME33nWY0iFiFyhFOA0wc0I7Ier70IgxlPQYifjjHniXc5z36bD2fQ-Ad_znHKyT2T81Q5Ma4L-/s1600/seperator.gif') bottom correct no-repeat;display:block;font-weight:normal;line-height:35px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu > ul > li > a{color:#ccc}#cssmenu ul ul a{color:#ccc}#cssmenu li > a:hover,#cssmenu ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibOQ0_uN37aLeNrtjkOjPP14ZibfoRw2rs2JdUSEznnxHnZawkcnXrXVIuLFYFioRHIQlxFJxv2C3hxlVJQHiH3CeQ8avinxyB1lgemYYZCN839ckOeB_b0Z-fKe5IUXhanXBi5DUnyyRO/s1600/hover.png') bottom view no-repeat;color:#FFF;text-decoration:none}#cssmenu li ul{background:#333;display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover ul{display:block}#cssmenu li li{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHWI7Z2BIk9BlMIJuZqwrr9Vj_FpQc2-n123WEOI06SjmTCGXI9LP4uVYfNX_ns6AJ0AFvQvKQMlrBSiziD8lZKLGPIf2BzEPjoeS63k2M9Bl1xsifb1oC2DGp75qOzAuA29_4wYJ-DADI/s1600/sub_sep.gif') bottom left no-repeat;display:block;float:none;margin:0;padding:0;width:225px}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2j09161ZFEyJsWIzdQ3gCnXHY1KBY5wLsJhg97eRVZYayjUVDindiSM4DkjWQDW5qcLDIZY-dfjCD9EV-oCyMdRPRcVsAYEY6kxLwGLvR8gKK1fW-AX-_oJBNNnQO_0PzQ0YW_mQdiCsq/s1600/hover_sub.png') view left no-repeat;border:0;color:#fff;text-decoration:none}#cssmenu p{clear:left}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
011-Flat Horizontal Drop Down Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@charset 'UTF-8';/* Base Styles */#cssmenu > ul,#cssmenu > ul li,#cssmenu > ul ul{list-style:none;margin:0;padding:0}#cssmenu > ul{position:relative;z-index:597;float:left}#cssmenu > ul li{float:left;min-height:1px;line-height:1.3em;vertical-align:middle;padding:10px}#cssmenu > ul li.hover,#cssmenu > ul li:hover{z-index:599;cursor:default}#cssmenu > ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598}#cssmenu > ul ul li{float:none}#cssmenu > ul li:hover > ul{visibility:visible}/* Align final drib downwards RTL *//* Theme Styles */#cssmenu > ul a:link{text-decoration:none}#cssmenu > ul a:active{color:#ffa500}#cssmenu li{padding:0;color:#000}#cssmenu{font-family:'Lato',sans-serif;width:auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#1b9bff;font-size:13px;-moz-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);-webkit-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);box-shadow:inset 0 2px 2px rgba(255,255,255,0.3)}#cssmenu > ul{padding:0 5px;-moz-box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:block;float:none;zoom:1}#cssmenu > ul:before{content:'';display:block}#cssmenu > ul:after{content:'';display:table;clear:both}#cssmenu > ul > li{padding:8px 5px}#cssmenu > ul > li > a,#cssmenu > ul > li > a:link,#cssmenu > ul > li > a:visited{text-shadow:0 -1px 1px #004881;color:#fff;padding:7px 20px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#cssmenu > ul > li > a:hover,#cssmenu > ul > li:hover > a{background-color:#0082e7}#cssmenu li li a{color:#8b8b8b;font-size:13px}#cssmenu li li a:hover{color:#5c5c5c;border-color:#5c5c5c}#cssmenu ul ul{margin:0 10px;padding:0 10px;float:none;background:#efefef;border:2px enterprise #1b9bff;border-top:none;right:0;left:0;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);box-shadow:0 2px 3px rgba(0,0,0,0.2)}#cssmenu ul > li > ul > li{margin:0 10px 0 0;position:relative;padding:0;float:left}#cssmenu ul > li > ul > li > a{padding:10px 20px 10px 10px;display:block}#cssmenu ul > li > ul > li.has-sub > a:before{content:'';position:absolute;top:18px;right:6px;border:5px enterprise transparent;border-top:5px enterprise #8b8b8b}#cssmenu ul > li > ul > li.has-sub > a:hover:before{border-top:5px enterprise #5c5c5c}#cssmenu ul ul ul{width:200px;top:100%;border:2px enterprise #1b9bff}#cssmenu ul ul ul li{float:none}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
012-Platinum Tabbed Dropdown Menu :-
<style type="text/css">@charset 'UTF-8';/* Starter CSS for Flyout Menu */#cssmenu{padding:0;margin:0;border:0;width:auto}#cssmenu ul,#cssmenu ul li,#cssmenu ul ul{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597;float:left}#cssmenu ul li{float:left;min-height:1px;line-height:1em;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:1px;left:99%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{top:1px;left:99%}#cssmenu ul li{float:none}#cssmenu ul ul{margin-top:1px}#cssmenu ul ul li{font-weight:normal}/* Custom CSS Styles */#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#333;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;padding:0 20px;text-align:center;text-decoration:none}#cssmenu a:hover{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative;top:0}#cssmenu ul{background:#e5e5e5;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;list-style:none}#cssmenu > ul{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAA3NCSVQICAjb4U/gAAAAHUlEQVQImWN4+vQpEwMDAxMDAwPT////4exBIgYA2loa5nAttNYAAAAASUVORK5CYII=) 100% 100%;background:-moz-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-o-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-ms-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:linear-gradient(#e5e5e5 0%,#ddd 100%);box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);padding-top:5px;width:100%}#cssmenu > ul > li{float:left;padding:0 10px;position:relative}#cssmenu > ul > li:hover > a{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative}#cssmenu > ul > li a{line-height:35px}#cssmenu > ul > li a:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub a{display:block;position:relative}#cssmenu .has-sub > a:after{content:'';display:block;width:10px;height:9px;position:absolute;right:5px;top:50%;margin-top:-5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCQjdBNUNENDkzMTExRTI4NENBRkFDOUM5MUY0QzI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCQjdBNUNFNDkzMTExRTI4NENBRkFDOUM5MUY0QzI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEJCN0E1Q0I0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEJCN0E1Q0M0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qSqkdAAAAtUlEQVR42nyOPQ6DMAyF3bSIKXeplGP0IL1EpU5dkZiQeoDegBt0ZO4BOjORABL5oX4RZCniDZbl99nPh6ZpjkR0pn19TlxclmW7lHOOANZSykue55uQtZbatiXBfdV1Hc3zvAnCY12FUqrm02Xf93/QOI40TdOLmadYZoUxhkIICUKC1hpthRJB3viy8ViMKCR470v23glcdB+GIT7PACEBSauZQN70eBrP4zIn3JC0+j8BBgCxDV02ZQEC4wAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub ul{background:#f6f6f6;border:1px enterprise #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:none;padding:10px 0;position:absolute;left:50%;top:34px;margin-left:-70px;width:140px;z-index:1}#cssmenu .has-sub ul li:hover > a{background:#ddd;color:#ae0001;border-color:#e5e5e5 transparent transparent transparent}#cssmenu .has-sub ul a{line-height:160%;padding:8px 0}#cssmenu .has-sub .has-sub a:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwRkJGQzk4NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwRkJGQzk5NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBGQkZDOTY0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODBGQkZDOTc0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DuTwoAAAAtUlEQVR42nyOsQ3CMBBFj4CVyktkAvZgEJZAoqKNoMoEjMAGzEDnhtKyGztxYzvmznIsIUX5kq2T/rv7fyeE2APAEbb1OeAXGGObVAgBCHxxzk9t265C3ntQSkGD82CMgZTSKkge6pwB7HmXUibn3N/TWif0nsQ0ZbEfxxHmea6XyLTW0jjQl8Gu675o3IqRNU0TxBgf6L0rWHTFuFweAaAESlrMCuJmpNJUni5jwoWSFv8nwAA0tXChxwneNwAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub .has-sub ul{background:#ddd;left:100%;top:0;margin-left:0}#cssmenu .has-sub .has-sub ul a{background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}#cssmenu .has-sub .has-sub ul a:after{background-image:none}#cssmenu .has-sub .has-sub ul a:hover{background:#bfbfbf}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
013-Blue Drop Down Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);/* 2f4b87 *//* 2f4b87 *//* #1f325d *//* Menu CSS */#cssmenu{width:auto}#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Source Sans Pro',sans-serif;font-weight:500;font-size:16px;color:#fff;-webkit-transition:all relaxation .3s;-o-transition:all relaxation .3s;-moz-transition:all relaxation .3s;-ms-transition:all relaxation .3s;transition:all relaxation .3s}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu a{text-shadow:0 1px 1px rgba(0,0,0,0.2)}#cssmenu ul{background:#3b5998;border-radius:3px;border:1px enterprise #2b4479;border:1px enterprise #2d4373;-webkit-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-o-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-moz-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-ms-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15)}#cssmenu ul > li{float:left;list-style:none}#cssmenu ul > li > a{display:block;text-decoration:none;padding:15px 44px;position:relative}#cssmenu ul > li > a:hover{background:#2d4373;-webkit-box-shadow:inset 0 0 1px #1e2e4f;-o-box-shadow:inset 0 0 1px #1e2e4f;-moz-box-shadow:inset 0 0 1px #1e2e4f;-ms-box-shadow:inset 0 0 1px #1e2e4f;box-shadow:inset 0 0 1px #1e2e4f;-webkit-transition:all relaxation .3s;-o-transition:all relaxation .3s;-moz-transition:all relaxation .3s;-ms-transition:all relaxation .3s;transition:all relaxation .3s}#cssmenu ul > li > a:hover:before{content:'';z-index:2;position:absolute;border:1px enterprise white;border-top:0;border-bottom:0;border-right:0;width:100%;height:100%;top:0;left:-1px;opacity:.2}#cssmenu ul > li > a:hover:after{content:'';z-index:2;position:absolute;border:1px enterprise white;border-top:0;border-bottom:0;border-left:0;width:100%;height:100%;top:0;right:-1px;opacity:.2}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute;border-radius:0 0 3px 3px;-webkit-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none}#cssmenu > ul > li > ul{width:200px;position:absolute}#cssmenu > ul > li > ul > li{float:none;position:relative}#cssmenu > ul > li > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute}#cssmenu > ul > li > ul > li > ul{left:200px;top:1px;width:200px}#cssmenu > ul > li > ul > li > ul > li{float:none}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
014-Rounded Slate Dropdown Menu :-
<style type="text/css">@charset 'UTF-8';#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{border:0;margin:0;padding:0;position:relative}#cssmenu{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;box-shadow:0 0 2px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.15);background:-moz-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2edea),color-stop(100%,#c0bebf));background:-webkit-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-o-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-ms-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:linear-gradient(to bottom,#f2edea 0%,#c0bebf 100%);font-weight:600;height:52px;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{box-shadow:inset 0 1px 0 whitesmoke;-moz-box-shadow:inset 0 1px 0 whitesmoke;-webkit-box-shadow:inset 0 1px 0 whitesmoke;background:#f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;background:-moz-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2edea),color-stop(100%,#c0bebf));background:-webkit-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-o-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-ms-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:linear-gradient(to bottom,#f2edea 0%,#c0bebf 100%);color:#666;display:inline-block;font-family:Arial,Verdana,sans-serif;font-size:12px;line-height:52px;padding:0 28px;text-decoration:none}#cssmenu ul{list-style:none;box-shadow:inset 0 1px 0 whitesmoke;-moz-box-shadow:inset 0 1px 0 whitesmoke;-webkit-box-shadow:inset 0 1px 0 whitesmoke}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px}#cssmenu > ul > li.active a,#cssmenu > ul > li:hover > a{box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);color:white;background:#4a5662 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDNkM2QzM1NDk0QjExRTI5NjFDQzlFM0NGQzY5RDNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDNkM2QzM2NDk0QjExRTI5NjFDQzlFM0NGQzY5RDNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0M2QzZDMzM0OTRCMTFFMjk2MUNDOUUzQ0ZDNjlEM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M2QzZDMzQ0OTRCMTFFMjk2MUNDOUUzQ0ZDNjlEM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bEPV5AAAAUUlEQVR42mSO0RWAMAgDc4znAA7g/jvUFKj66gevCT0COs4rJLkIoSC1X+j+7GFfupj+a4bFu+isydcMr88dY/PkLL8bPnrLXTvHk2NdzC3AAIj5BKfn0x2aAAAAAElFTkSuQmCC);background:-moz-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a5662),color-stop(100%,#606f7f));background:-webkit-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-o-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-ms-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:linear-gradient(to bottom,#4a5662 0%,#606f7f 100%)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{box-shadow:0 1px 2px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li a{background:#606f7f;border-bottom:1px enterprise #59636f;border-bottom:1px enterprise #556371;box-shadow:inset 0 1px 0 #606f7f;-moz-box-shadow:inset 0 1px 0 #606f7f;-webkit-box-shadow:inset 0 1px 0 #606f7f;color:white;display:block;line-height:160%;padding:15px 10px;font-size:12px}#cssmenu .has-sub ul li:hover a{background:#4a5662;box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15)}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#606f7f;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#cssmenu .has-sub .has-sub ul li a:hover{background:#4a5662;box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15)}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
015-Blue & Yellow Rough Drop Down Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_ERfgIeFwBsuVN33FQVJ7lpfbvf5Dswn6-tuojh58a6pNCz659sAirXEAAorK2mWpfArkYb7rBTXwGBK_9fjafto4dkxj4wBhsvupg2_O5lmJBpgb1U4YXXJASnkIk8KAiF0dL1KVXVF/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfoi94D2_83eEsZ9ULoG0qCJVQBS3xgD4rw6805aifCbJHGZXIepwkx8bfj90VhAz8Y47cdK5J6qBI-iKSXRCDedqHB1-QdWInnUDQdAlsGmLrRgjQ-blt9vJ2tTs_-hstasmC7ZQOUFgl/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh86pbTqSh0M8zCTEEi0owWiCAlLJaN36fFCFpXKuptA8wQGiqRnxMII9ON1am2XsVTDLROoeEIRrdfDoD4WPhW2MEReL-LQoi7xiQZK6-EgCR3KBMb8o6khfL36_hsTH0Z7nQg9NrOUByq/s1600/hover.png) repeat}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_ERfgIeFwBsuVN33FQVJ7lpfbvf5Dswn6-tuojh58a6pNCz659sAirXEAAorK2mWpfArkYb7rBTXwGBK_9fjafto4dkxj4wBhsvupg2_O5lmJBpgb1U4YXXJASnkIk8KAiF0dL1KVXVF/s1600/highlight-bg.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh86pbTqSh0M8zCTEEi0owWiCAlLJaN36fFCFpXKuptA8wQGiqRnxMII9ON1am2XsVTDLROoeEIRrdfDoD4WPhW2MEReL-LQoi7xiQZK6-EgCR3KBMb8o6khfL36_hsTH0Z7nQg9NrOUByq/s1600/hover.png) repeat;margin:0;padding:0;z-index:-1;-webkit-transition:all 0.35s 0.2s ease-in-out;-moz-transition:all 0.35s 0.2s ease-in-out;-ms-transition:all 0.35s 0.2s ease-in-out;transition:all 0.35s 0.2s ease-in-out}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px enterprise transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43)}#cssmenu > ul ul li a:hover{border-left:4px enterprise #055988;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_ERfgIeFwBsuVN33FQVJ7lpfbvf5Dswn6-tuojh58a6pNCz659sAirXEAAorK2mWpfArkYb7rBTXwGBK_9fjafto4dkxj4wBhsvupg2_O5lmJBpgb1U4YXXJASnkIk8KAiF0dL1KVXVF/s1600/highlight-bg.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfoi94D2_83eEsZ9ULoG0qCJVQBS3xgD4rw6805aifCbJHGZXIepwkx8bfj90VhAz8Y47cdK5J6qBI-iKSXRCDedqHB1-QdWInnUDQdAlsGmLrRgjQ-blt9vJ2tTs_-hstasmC7ZQOUFgl/s1600/menu-bg.png) repeat}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
016-Grey Red Drop Down Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD6DWKJPbjE2lPemm1PoncI6YTkfJHUxZNjfaeJCePlny3QFVXCgFouHRFNW4r7FtFtGu0A3bE1KFnpnl_dVmB2Mp3fBHsptoZ1Eo0CqsATV9y5ZNPmxr7Orvudnf_M-P0v3WBNlOApzFM/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Fv2IS0zgH3g1_SXZOj6dlhr40hX-pEynpJExZRq0yCqvQF4Z1rL1oMfhEOoTyLyO2wTVgIg6XqKnrWul4SpntSd2vhwPUgudvCN83w1Gi1tXzJjNO2kEDTNFZxhZg9f9pvzmw3tYMUSq/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #0d0d0d;text-shadow:0 -1px 0 rgba(0,0,0,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD6DWKJPbjE2lPemm1PoncI6YTkfJHUxZNjfaeJCePlny3QFVXCgFouHRFNW4r7FtFtGu0A3bE1KFnpnl_dVmB2Mp3fBHsptoZ1Eo0CqsATV9y5ZNPmxr7Orvudnf_M-P0v3WBNlOApzFM/s1600/highlight-bg.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0XJ6mCDM9t60vxX8VKjP_c5AJiCvP6xVY-RUasuQzR5GjDAQEKK7ojYdc24nMXJKt1XAXHG0mGTBYcgSXBQsgWT92SHPEmKlm3YUmyxjAiM48QET18rMzN_ZTvbrs2c1OxBgiPXgl8l1b/s1600/hover.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Fv2IS0zgH3g1_SXZOj6dlhr40hX-pEynpJExZRq0yCqvQF4Z1rL1oMfhEOoTyLyO2wTVgIg6XqKnrWul4SpntSd2vhwPUgudvCN83w1Gi1tXzJjNO2kEDTNFZxhZg9f9pvzmw3tYMUSq/s1600/menu-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px enterprise transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}#cssmenu > ul ul li a:hover{border-left:4px enterprise #d64e34;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0XJ6mCDM9t60vxX8VKjP_c5AJiCvP6xVY-RUasuQzR5GjDAQEKK7ojYdc24nMXJKt1XAXHG0mGTBYcgSXBQsgWT92SHPEmKlm3YUmyxjAiM48QET18rMzN_ZTvbrs2c1OxBgiPXgl8l1b/s1600/hover.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Fv2IS0zgH3g1_SXZOj6dlhr40hX-pEynpJExZRq0yCqvQF4Z1rL1oMfhEOoTyLyO2wTVgIg6XqKnrWul4SpntSd2vhwPUgudvCN83w1Gi1tXzJjNO2kEDTNFZxhZg9f9pvzmw3tYMUSq/s1600/menu-bg.png) repeat}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
017-Simple Red :-
<style type="text/css">#cssmenu{border:1px enterprise #b9121b;background:#b9121b}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px enterprise #FFF;border-bottom:1px enterprise #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:148px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#b9121b;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#ec454e;color:#fff;width:146px;height:13px;border-left:1px enterprise #fff;border-right:1px enterprise #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px enterprise #b9121b;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#b9121b;padding:4px 0;width:146px;border:none;border-bottom:1px enterprise #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#ec454e;padding:4px 0;width:146px;border:none;border-bottom:1px enterprise #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{display:none;margin:0;padding:0;list-style:none;position:absolute;left:145px;top:-2px;padding:1px 1px 0 1px;border:1px enterprise #b9121b;border-left:1px enterprise #b9121b;background:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#b9121b}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#ec454e}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
018-Simple Blue :-
<style type="text/css">#cssmenu{border:1px enterprise #009;background:#009}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px enterprise #FFF;border-bottom:1px enterprise #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:148px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#009;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#06F;color:#fff;width:146px;height:13px;border-left:1px enterprise #fff;border-right:1px enterprise #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px enterprise #009;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#009;padding:4px 0;width:146px;border:none;border-bottom:1px enterprise #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#06F;padding:4px 0;width:146px;border:none;border-bottom:1px enterprise #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{display:none;margin:0;padding:0;list-style:none;position:absolute;left:145px;top:-2px;padding:1px 1px 0 1px;border:1px enterprise #009;border-left:1px enterprise #009;background:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#009}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#06F}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
019-Blue Tabbed Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please locomote along this occupation at the transcend of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir-E-uWWdxTh0ZYCK_1ZIa9H7WNgECXq33t_FSb0EvRvlxyFi5JRKxKHoPRqlzm9lh5U9VqKSsz5uu20JXRv6eeDDYZx2t2CcOegP-N2gJqxxzf6GWpZpBiagld60GAcHKMvUmFDo3bBil/s1600/bottom-bg.png) repeat-x view bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaasQn-64e1T2GBcMwGBfeABAqcf0DPIFjhgGusu71ZQ4O4wW5Fcvs_lSRMkF-a8PRxxnh-dIA57OIXfE25R1OrH9AWCjSYVC2IwO_WBLtA4vQ6ExfY3qumHIMTBQRVIBfh_V1gUh5HUgU/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-2KcTM7uaNY-uF61JQoP33qiGJC8Lwr-GjLTzFxMM3v6gqZGTKnJgGf1PGnyBD79_IZ8zqc2RlX08FDRngsXE48BaO1QGF7yJqtnFBHFS4X0SvTofBMCnwJeCgpxo6baYmQRZePmKUMLg/s1600/color.png) view bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#004f7c;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
020-Tabbed Chrome as well as Blue :-
<style type="text/css">#cssmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px enterprise #666}#cssmenu ul{margin:0;padding:10px 10px 0 50px;list-style:none}#cssmenu li{display:inline;margin:0;padding:0}#cssmenu a{float:left;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89WjCG8eWHuWhIdp-5_TXrQ0Z_znN5Wuq8EqjkVPxw6amHAfCPB8Y9Fwj5LsKCbt-Fc8CdaeWIDhc7MClvwgR-AP234t3xB9Rk27hpyZ2qUY57y94N7QcPyRR5NLKXq4Yu3wpal8BteqS/s1600/tableftf.gif') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}#cssmenu a span{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2iKaR8V1DqKvjZ4d3BtCBbV5esoXPteKT6w2lG2itFg3zSEVTR82s1L85qfDWdrV221kod6NLc2u3Vt1Fh8jQzTlcmIf82Mli-CeNh5ej7kyr1QFhyf2SxlmIxYt7vcZhV8aekyHAh02/s1600/tabrightf.gif') no-repeat correct top;padding:5px 15px 4px 6px;color:#666}/* Commented Backslash Hack hides dominion from IE5-Mac */#cssmenu a span{float:none}/* End IE5-Mac hack */#cssmenu .active a span,#cssmenu a:hover span{color:#FFF}#cssmenu .active a,#cssmenu a:hover{background-position:0 -42px}#cssmenu .active a span,#cssmenu a:hover span{background-position:100% -42px}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
021-Dark Orange Tabbed Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please locomote along this occupation at the transcend of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwrLD2aLWCVNxrHQLtGrzplfSSBYXKdVrCigmAQQZE0HNx-bwxBBABBu1oHv6DT0zTxzfyiLlDNPxYt5xByf87Gle_jtkvchUu5cOuEj6T1Lgne_e0Y4_vwzrMjbCgUMTN6yNrJlTjnrML/s1600/bottom-bg.png) repeat-x view bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUgwHVSaYoBin99dABco272ULe_NvR04cEN3polS3CMPUIalSK1jHTHGUS6h6IyOzCyuXCc-xRkzYLVQztlEQdOLT8zT0oapkjKem6CPvEjIvJb1Mn2_8OkeLD9AHCD-8yqelyXVPUk7Gs/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghA7DGXcRLnAXRF6rTLJ02u3FVuaH8GFQMtFZBFjVUwZCoMZqWriNIhcGg9yb7NK3NXSCoNMa_ugzTSTJslX92dUJZbMQoARi3kPRAGLIX5gdrNdR5Mtvsln5E10BQS8hw1l7UeTM3E7V3/s1600/color.png) view bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#9b4106;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
022-Grey Tabbed Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please locomote along this occupation at the transcend of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggljgCh2HTenm09Kw1fz7wlHSahvVKeNJHVH4Mpi4LgMDmTsfqCOvCOqYXc7zfDtztTMRRTl4ByhpfpkNSw6HDhsGkPzE26Pq07ItSee1hjlUm2sX0FFgVVU2KvuiUeCzr8KfS0G86UFwe/s1600/bottom-bg.png) repeat-x view bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpesH0tPxk64rHTCup7KcGHMdefz2uP9_ima4ZEjfceMQzqJpsNySZ-UMTxJwc4hYWSFf_YkC0OGiZ4os1qUyKuSmK8mS4XsormetAlNS9wEcz-D1IRLdtUCBn5GUaAFXZi4AXbYrNRkFc/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBCJpEuijAEUyLIsF8AIbhb0UXyIZOg8upCihF2POAVXqiqE2BNVksC8SzMSfiUNsohwiqmhUVuu470CQc1zX9YWWkkuDM64TPIoE1lPgBFCY9wWu7SmKNzsALRpAzvj-4hVHWBBk38-KW/s1600/color.png) view bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#616161;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
023-Light Orange Tabbed Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please locomote along this occupation at the transcend of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk0KOnrI3igVfHWGDRAR-nXYJDEz2W9eNiYp55K6HnNOqWyTTVwf89sevFhPWJ2ArUDqryunB9Cg60aTfhSI7V89AHnIuqilc5Rgs9zkoohRXXoDp_zz2hDZA_y2nMOJxyVmNcBEu8dWdK/s1600/bottom-bg.png) repeat-x view bottom;border-radius:2px}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgHCbj_dhVpoGGxiN8Teh5kiycYDdPFeJCavXqjfkSA6uNyL-rKcVcan6vgBoQEMS3c4LLDBUn5Bg-hzYwSy22YZClefJgnJXeHYsY_zikwFd9BQTTvqDYYIrbArqEqvQzQY7_Tv3DIkN/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7EkdFJGh2puGPxprhUA2cLMmMj8DIl08iO7dUQRQZdjD-vW0O-8lXN9w6N8IOEWiWGHQcw54izyA_GOp_h8oQQypmnAvxlTPLUKsztAbTyVp3ex2UvtcRpc3rLsQ0gMsyDsECgJRQml69/s1600/color.png) view bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#946f00;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
024-Purple Tabbed Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please locomote along this occupation at the transcend of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzCfUeQ3qwxdCMh8J8Fd4NrBMGZbcktEbemTHki_JRAHx_7LsPgSrEXN6gyr7dWbhFiC7WYfvHxSejEyrGeK4yijZxvwexraqxSuYZ7mEws9QiQ_kgtpJPwxBUwq-5umwh62kfpZkk260/s1600/bottom-bg.png) repeat-x view bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy6nZ8DsKBBKJj3U97h1C0A9JLXaXl8ntinBN7KxzL8lBT2shbq0x_Bbg20sJANoyBWpaJZwXyAHybgWA0nyB8JjUUUdgSMaK5CPW20pJErUvmecUZE2dsvgjfQWB7WhFrL8-TB2jo2MHV/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSJGRPZWjcvG_CInpkVc9yV4fW6sddoXKglz0d0BeXLxT_09w_3-Kaej-pLqI9Ed2rhC9Tet4L0WGJeEpg8iF_SUQUsDwMUl-hfY6AQBN0owHm3LKV_vihc-IEcEeNLGF7wufkH-8R383l/s1600/color.png) view bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#561756;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
025-Blue as well as Grey Sprite :-
<style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:30px;font-size:16px;font-weight:bold;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV64q2NCjLkhr52AApuLJMRAri3dO4C1VlK4Dj5XKPxW3xBUYhhIklwTNUsexNZaosX64zl2sDtIiQ_n38ZQ483j9NheISGtJc3Zj9lCl9h6XpQrsXjgdCHhLlqOIUzKCL9OQ9oRdou4OL/s1600/nav_bg.png) repeat-x transcend left;font-family:Arial,Helvetica,sans-serif;border-bottom:1px enterprise #000;border-top:1px enterprise #000}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#999;text-decoration:none;font-weight:bold;padding:8px 20px 0 20px}#cssmenu li a:hover{color:#FFF;height:22px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV64q2NCjLkhr52AApuLJMRAri3dO4C1VlK4Dj5XKPxW3xBUYhhIklwTNUsexNZaosX64zl2sDtIiQ_n38ZQ483j9NheISGtJc3Zj9lCl9h6XpQrsXjgdCHhLlqOIUzKCL9OQ9oRdou4OL/s1600/nav_bg.png) 0 -30px no-repeat}#cssmenu li.active a{display:inline;height:22px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV64q2NCjLkhr52AApuLJMRAri3dO4C1VlK4Dj5XKPxW3xBUYhhIklwTNUsexNZaosX64zl2sDtIiQ_n38ZQ483j9NheISGtJc3Zj9lCl9h6XpQrsXjgdCHhLlqOIUzKCL9OQ9oRdou4OL/s1600/nav_bg.png) 0 -30px no-repeat;float:left;margin:0}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
026-Aqua Bubble Wrap :-
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFhiZZIAXHN1DaPjtSu0f7cAr9KwUYG-yr1aipdXAxIwbI0ub35vauBbDqFxq2JvpKbqKeIo4Jv20RWL4cHRjRJavBVRkFb4r36e_HDDWcgG0XWLEJJgCE1M_bf60jsa5I9W85Lu9wLW6Y/s1600/bg-bubplastic.gif) transcend left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUlHXhWqSUOK8BtQUISNmZU3jpbzB6JYkm8qLkvpRTcgrYLdFZvNOr8hshdWtcvVYr2x3bGM8ue-3plDGujXBtRi8n3D8GCAatbGHSpzQfv0YtVEKTlYmUigVcdLo_6I1N4h6y6gHivSAn/s1600/bg-bubplastic-button.gif) transcend left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUlHXhWqSUOK8BtQUISNmZU3jpbzB6JYkm8qLkvpRTcgrYLdFZvNOr8hshdWtcvVYr2x3bGM8ue-3plDGujXBtRi8n3D8GCAatbGHSpzQfv0YtVEKTlYmUigVcdLo_6I1N4h6y6gHivSAn/s1600/bg-bubplastic-button.gif) transcend correct no-repeat;cursor:pointer}/* AQUA HOVER */#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy11UpHK3nW206pqZng1_l6E1lTU4O8_H7d5LkCSbcp5kJDhy5xV9bACR-bhl32l99Ha-TTcX913dZy0uUAi5smw-8P7ngfXovCJmnBiTA7A7vKxs4GpBnbFeZyqgpcqr36AOH3u8D_WTQ/s1600/bg-bubplastic-h-aqua.gif) transcend left no-repeat;color:#FFF}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy11UpHK3nW206pqZng1_l6E1lTU4O8_H7d5LkCSbcp5kJDhy5xV9bACR-bhl32l99Ha-TTcX913dZy0uUAi5smw-8P7ngfXovCJmnBiTA7A7vKxs4GpBnbFeZyqgpcqr36AOH3u8D_WTQ/s1600/bg-bubplastic-h-aqua.gif) transcend correct no-repeat}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
027-Skinny Green :-
<style type="text/css">#cssmenu ul{list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNjAUBztQyalbp1Cun1p5yK8bE3RhKha9G0kD_0GQ1e6SNmXKkD9i-B43O6pdEL5whyGIUdoU0CSgCJIW3psFN0sMOw7z2q_utvsSU5h1HzWN9ttdQ9QdHyzVzfbPHguXkjGe2kbOhVHHZ/s1600/bg.png) repeat-x transcend left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px enterprise #000;margin:0;padding:0}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal}#cssmenu li a:hover,#cssmenu .active{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNjAUBztQyalbp1Cun1p5yK8bE3RhKha9G0kD_0GQ1e6SNmXKkD9i-B43O6pdEL5whyGIUdoU0CSgCJIW3psFN0sMOw7z2q_utvsSU5h1HzWN9ttdQ9QdHyzVzfbPHguXkjGe2kbOhVHHZ/s1600/bg.png) repeat-x transcend left;text-decoration:none}#cssmenu .active a{color:#fff;font-weight:700}#cssmenu ul{background-color:#629600}#cssmenu li a:hover,#cssmenu li.active{background-color:#7AB900}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
028-Indented Horizontal Menu :-
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@charset 'UTF-8';/* Base Styles */#cssmenu ul,#cssmenu li,#cssmenu a{list-style:none;margin:0;padding:0;border:0;line-height:1;font-family:'Lato',sans-serif}#cssmenu{border:1px enterprise #133e40;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;width:auto}#cssmenu ul{zoom:1;background:#36b0b6;background:-moz-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#36b0b6),color-stop(100%,#2a8a8f));background:-webkit-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-o-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-ms-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color',endColorstr='@bottom-color',GradientType=0);padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#cssmenu ul:before{content:'';display:block}#cssmenu ul:after{content:'';display:table;clear:both}#cssmenu li{float:left;margin:0 5px 0 0;border:1px enterprise transparent}#cssmenu li a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:8px 15px 9px;display:block;text-decoration:none;color:#fff;border:1px enterprise transparent;font-size:16px}#cssmenu li.active{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px enterprise #36b0b6}#cssmenu li.active a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px enterprise #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}#cssmenu li:hover{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px enterprise #36b0b6}#cssmenu li:hover a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px enterprise #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
029-Skinny Orange :-
<style type="text/css">#cssmenu ul{list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjyBosgXIiYJzWTSdBMzVdAwZiVAGgtFqepisTtwHtihQ9maiZlEXnFeW7eIJQdfztK2aJjdc7bdXoOux5Mov5QQezA0MgXvN_771NSFeGexLgSTZYi-oc-KoILcbjnGlTziQr_bMVsZQ/s1600/bg.png) repeat-x transcend left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px enterprise #000;margin:0;padding:0}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal}#cssmenu li a:hover,#cssmenu .active{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjyBosgXIiYJzWTSdBMzVdAwZiVAGgtFqepisTtwHtihQ9maiZlEXnFeW7eIJQdfztK2aJjdc7bdXoOux5Mov5QQezA0MgXvN_771NSFeGexLgSTZYi-oc-KoILcbjnGlTziQr_bMVsZQ/s1600/bg.png) repeat-x transcend left;text-decoration:none}#cssmenu .active a{color:#fff;font-weight:700}#cssmenu ul{background-color:#DC4900}#cssmenu li a:hover,#cssmenu li.active{background-color:#F46D00}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
030-Sky Blue :-
<style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjj9xAnGD0qD28G_hsif5LtR07CjVxEPCq9vInoui8ZlclSgMgfQWHLXGmMO01so_tFT_4z0xISFLB9LQyL5njoQspz8PaP3KcMdKbl5Ehth1xHuj4EUrFg-FNganeBXeyO2vLNz4y5pV/s1600/off.gif') repeat-x transcend left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px enterprise #004c99;border-top:1px enterprise #74b0c6;width:auto}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#6d7078;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzybqSXTgWhwSgQU0Tt-xtO2_MN_W-un2v9mvte8Rb_RymdRHF1Y1FkvU4cqlWyt-i3puraQZxnes0dAjsjhmG660-VFTamNymX1KWUfF03OCD-sVcA-blagH7xKukw4p4gKQBUmPF46WB/s1600/divider.gif') no-repeat transcend right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8qEYdU_eNn5BDS7kdvVFSuqwlSoZTbsYPVDUb3fbecj0-_th0-VOZA3dzK1MMIhvNrrQHmVQ6w8LGF5On3ewy3uggdZBf3kizTQbO6GPM_a_C6nPqTZ9CnX1S6jmtohrXWUlgnKoKJwT/s1600/hover.gif') no-repeat transcend right;color:#6d7078}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
031-Purple Bubble Wrap :-
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN36adoAnLB7tptDXttoGylP9cwvkwtqSJd30Ew6JD7qh1hgHe_C3Xo2vB9awApUuBdP1b1FvnjaR16F1T2kTRT9t_QXfTPJBvJvWHUHt2dneaN5qZQEAatiTcYPmN0OrpyixvaZhNLZ13/s1600/bg-bubplastic.gif) transcend left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjYWBFkMLz2StACraoiWPpRS2khJxfDg-ONOEozOd8gkV6tD2Oe_Ji_z77m-IRMRDHU07bUWK-lhCSBBqgp06nX4wpWpxHmqmlL03fH9A4yqiHyHndtcvZjOkQL3pjRzAF-StVgYQOeQf0/s1600/bg-bubplastic-button.gif) transcend left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjYWBFkMLz2StACraoiWPpRS2khJxfDg-ONOEozOd8gkV6tD2Oe_Ji_z77m-IRMRDHU07bUWK-lhCSBBqgp06nX4wpWpxHmqmlL03fH9A4yqiHyHndtcvZjOkQL3pjRzAF-StVgYQOeQf0/s1600/bg-bubplastic-button.gif) transcend correct no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLsX9Fj09LvvEdhcYeHIQ0cdvc5Nxa_34iio50tMSlw3dN2ukxu4yvJ0JyVlgbcajM9UPz7eD3bMXd5W_xtpyQNs76LXYf2g-MbnCXpcc7nq0dq_EK1SbgbQRNKpUl4DlVCeOe2mwkHft/s1600/bg-bubplastic-h-purple.gif) transcend left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLsX9Fj09LvvEdhcYeHIQ0cdvc5Nxa_34iio50tMSlw3dN2ukxu4yvJ0JyVlgbcajM9UPz7eD3bMXd5W_xtpyQNs76LXYf2g-MbnCXpcc7nq0dq_EK1SbgbQRNKpUl4DlVCeOe2mwkHft/s1600/bg-bubplastic-h-purple.gif) transcend correct no-repeat}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
032-Simple Grey Hover :-
<style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOytLmzs0BmKskKX3WtEs7pfFs-fZWcgl3aSykf-PTQjnNv3f77Jwzh0sPZBBcYn2FZeHiNUwnvQXDVNNk2y-WYewWd0i4LcLcboyOqlx11YqKVQBJCDHvZptmntmHMALDubYAoa1a5JXC/s1600/off.gif') repeat-x transcend left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px enterprise #555;border-top:1px enterprise #919191}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#8c3a3a;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaEOgO0BlmXPpZqUCsbNki61gROQCrftYDXX_1hO8Mi5t72iSkggnpTA7lSlZmpada2Wy5zkuZi4agC1O59Zi6KG31J__PicWFfm8P6YoqkouY2lCHY2iehu9i7IPZRKlHvA6mKXur2Jlf/s1600/divider.gif') no-repeat transcend right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDL_D6g9znS8wqkuCgldI19jg8CCH-dlrU-FmAhQgJchGANQhnQ8xYlvmBnodVAJDj9187Nw622MdPnE-feFor6jrkAYRCo7Y1LBzECNvHvbqPqNW7Kv41OXhM0m_6xD4YVoJi_A3E2Gj6/s1600/hover.gif') no-repeat transcend right;color:#8c3a3a}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
033-Blue Bubble Wrap :-
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIS_PN4Rp8fAXhHsz1GS0MZdsLZwtz85A1UJgNfeWZhCGSZZKBlbeitsqijqp9RuxI2ueab0GG-r1CuLH8pLw7filWIgN2cnuh9261J78gL4oBxdsHCWpVj23QWcKL-1v8o7iX7P45MLs/s1600/bg-bubplastic.gif) transcend left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9DptMb3nQeBovNIOR3Chv6_QkyDUIQoMo6qFsp7KHEDx3-z51xJrHMfdEG3GZTXrbNJNVpG6-Ok5GWYbFwCM3OSdHeOYOW4p06OUxik-6y0AD23U2eqHAWVmCUgPI6VpmumBg7hlRaBnX/s1600/bg-bubplastic-button.gif) transcend left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9DptMb3nQeBovNIOR3Chv6_QkyDUIQoMo6qFsp7KHEDx3-z51xJrHMfdEG3GZTXrbNJNVpG6-Ok5GWYbFwCM3OSdHeOYOW4p06OUxik-6y0AD23U2eqHAWVmCUgPI6VpmumBg7hlRaBnX/s1600/bg-bubplastic-button.gif) transcend correct no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2YUviqgEGhSxWyGUuS_wL4EMZSisBJYsVhH2aXHs8fwxjHfEdltITnRAKHbRQNMM-HegJUfBPcavKJnc9l-Oq4aLXFGH1h3bFfLVl73h-mNPpZ9H7KWgZA3YK7RGr5E40XayeTcpcqI6/s1600/bg-bubplastic-h-blue.gif) transcend left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2YUviqgEGhSxWyGUuS_wL4EMZSisBJYsVhH2aXHs8fwxjHfEdltITnRAKHbRQNMM-HegJUfBPcavKJnc9l-Oq4aLXFGH1h3bFfLVl73h-mNPpZ9H7KWgZA3YK7RGr5E40XayeTcpcqI6/s1600/bg-bubplastic-h-blue.gif) transcend correct no-repeat}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
034-Green Algea :-
<style type="text/css">/****** H3 */#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOQ3J4Ruiad1e_rtAHfIW52mLjxBgf4yd2zRfBwqyqTLy-n_Vaz1S6vQPd7HIa9FLDg2X_n6WA2yendID5v23BkiTEI2fZJifRHS-d4onHBoHArSQ197MijPewWv6mCA2akT-AfoCLDem/s1600/off.gif') repeat-x transcend left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px enterprise #366;border-top:1px enterprise #C0E2D4}#cssmenu li{display:block;float:left;margin:0;pading:0}#cssmenu li a{display:block;float:left;color:#874B46;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzXD7DH9E9CM7FvODmXOMHgSokYiHbD-MCDsVUMYncyKms46NJPEciF1KIbtdB4o3Z9euxyXfVoWFC94XnuiK2ZyFDqjrybRB5gZsiRDpkFpp0RPVzcrWkauEPIzVL69WaLljmiZItNQkM/s1600/divider.gif') no-repeat transcend right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZKgn5K3hnr45OzLFZThux58l3gsxowgV5bqimyUMax9rquZkZwxsmflx1itGUor6AMTVIb1ZktHxbp9TjrvYftYf9VOHngX5YpC7vQYjWDteEWwKfkrFanD1yMBWcmFqtNHX8_6Ya8gG/s1600/hover.gif') no-repeat transcend right;color:#874B46}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
035-Red Bubble Wrap :-
<style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4WVEAR-3mR4VasDLU7r0fiPQFGxJnnZ_30HpjEJ3eBPhwL8Z2eqFMr_5xaOW_nqGqZ1r0AFAiy0NuaWZ7RbeNgYg_44QPklzBVGASeyykXHlwBK05vDgnp9S9sfKXawNQ8Le4D-O8QRL4/s1600/bg-bubplastic.gif) transcend left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha56NnyXeTaZa2Y44tSXSdagVA4LCvV0nIObR_YMdpMa36KhF4lN6jGOuXtsSQCPOOqs9hYSPWGAFfKdLgMKdl8KLdjMi2NRXXQd9Q1fRChzFW4w-LTTcXIuN-bxKfOJzS_g3ISdPUpL3z/s1600/bg-bubplastic-button.gif) transcend left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha56NnyXeTaZa2Y44tSXSdagVA4LCvV0nIObR_YMdpMa36KhF4lN6jGOuXtsSQCPOOqs9hYSPWGAFfKdLgMKdl8KLdjMi2NRXXQd9Q1fRChzFW4w-LTTcXIuN-bxKfOJzS_g3ISdPUpL3z/s1600/bg-bubplastic-button.gif) transcend correct no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNCayo9g9b-zsk4ywxkmRnbbUN9osdt3QezIBd8CsNIsVAoTnPzGFcGI883DKa9bUugKZjoHJtk7oO6VWnDtJyWQ_2sByR8mAN3pCdKieXN1PfgCOvjzSLJneMoyhjEY_67-tReVrDi8Z/s320/bg-bubplastic-h-red.gif) transcend left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNCayo9g9b-zsk4ywxkmRnbbUN9osdt3QezIBd8CsNIsVAoTnPzGFcGI883DKa9bUugKZjoHJtk7oO6VWnDtJyWQ_2sByR8mAN3pCdKieXN1PfgCOvjzSLJneMoyhjEY_67-tReVrDi8Z/s320/bg-bubplastic-h-red.gif) transcend correct no-repeat}</style><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" rel="dofollow" target="_blank" title="It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3"><img src="https://bitly.com/24workpng1" alt=" Drop downwards Navigation carte du jour is an essential purpose of whatever spider web log or website It's About 35+ Drop Down Menu Widget inwards Blogger Horizontal Menus CSS & CSS3" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it volition non function -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
Many thank yous to bdlab for making this code as well as I only tested as well as modified to function on blogger
0 Response to "It's Most 35+ Drib Downwards Carte Du Jour Widget Inward Blogger Horizontal Menus Css & Css3"
Post a Comment