Search Engine

Thursday, 8 October 2015

Code Grey Impression Drop Down Menu

Code Grey Impression Drop Down Menu
Drop down menu of the best tool of blogger to impression of your viewers to again visit your blog on blogger.
Blogger is site to create a free blog with do not purchase. Blogger is a cool and big blogging plate-farm to many people to a large number of blog create daily on it.
In this tutorial i will tech to you create a free and cool drop-down menu bar with different color.
Drop-down menu is used to impress your viewer to again visit your blogger blog.
Code 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/AVvXsEiNvgUGAbXpnlPdO5fUSVAi0kGGXJpD0bN0bj_tiHYE7r6FChyO6oIiET8lErqNb0ErJZH27ju7XWfwVwjb758NnRb9R50Iov0Nnc_PfeJj3np7G750AbYc30PXZ0zSIrCO4f45OK8udSQx/s1600/seperator.gif') bottom right 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/AVvXsEg_8raPzRZZllorX4Mno4TY2STDdcHdD1VuzivR1c_ol-Z89c7wedRmgwQYKvysMuQpvHc8RTJHjDGyX0DSaztNAoqdE38OOYD4LT0nW0CQE0VH5Ar1eHBi_lKmtZFV8FiVzEo5Q4_8jvlN/s1600/hover.png') bottom center 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/AVvXsEjiNT2_MtOx6ZB08p_q_DRp5-Laydmyu7oYCfhkRXn22pOouIZxXqoydlio_wpscoiqmy9acJJ3-1ZCZPEiiEPrhJ47UaO3fM0rr0_NUjYgaS3w-7qUu9lN0DrvOC7nLZjqqhwhH5ZerDqh/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/AVvXsEiP2cB2tKqxNwzp1fY-izOI3mZEC1vUTj-kCU1fbh_Kspc1MgoAC_I5uAA1wA7LDy_y0UFdtfzCsrioiWod66eeXyt03ZyKtJW5g2cZZElT4eYhXd8sSIqTDGVoeNX8NNDXn8YpIJ3pO0qX/s1600/hover_sub.png') center left no-repeat;border:0;color:#fff;text-decoration:none}#cssmenu p{clear:left}</style><a href="http://alttuts.blogspot.com/" target="_blank"><img alt="Drop Down Menus" border="0" src="https://bitly.com/alttutspng1" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /><img alt="CSS Drop Down Menu" border="0" src="https://bitly.com/alttutspng1" style="bottom: 10%; position: fixed; right: 0%;" /><img alt="Pure CSS Dropdown Menu" border="0" src="https://bitly.com/alttutspng1" style="bottom: 10%; left: 0%; position: fixed;" /><!-- Dont edit this CSS Drop Down Menu code or it will not work -->



<!-- customize your menus Links -->

</a><br /><div id="cssmenu"><ul><li class="active"><a href="http://alttuts.blogspot.com/" target="_blank">Home</a></li><li class="has-sub"><a href="http://alttuts.blogspot.com/" target="_blank">Al Tuts</a><ul><li><a href="http://alttuts.blogspot.com/" target="_blank">Widgets</a></li><li><a href="http://alttuts.blogspot.com/" target="_blank">Menus</a></li><li class="last"><a href="http://alttuts.blogspot.com/" target="_blank">Products</a></li></ul></li><li class="has-sub"><a href="http://alttuts.blogspot.com/" target="_blank">Company</a><ul><li><a href="http://alttuts.blogspot.com/" target="_blank">About</a></li><li class="last"><a href="http://alttuts.blogspot.com/" target="_blank">Location</a></li></ul></li><li class="last"><a href="http://alttuts.blogspot.com/" target="_blank">Contact</a></li></ul></div>


Code Grey Impression Drop Down Menu

Please Give Us Your 1 Minute In Sharing This Post!
SOCIALIZE IT →
FOLLOW US →
SHARE IT →
Powered By: Alt Tuts

0 comments:

Post a Comment