Bloggera Açılır Yan Menü Ekle

 

Merhaba Arkadaşlar Buğün Sizlere Açılır Yan Menü Eklentisini Sunuyorum. Yabancı Bir Siteden Aldığım Bu Eklenti Tamamen Hatasız Bir Şekilde Türkçeleştirildi Umarım Beğenirsiniz. İster Bloggerınıza İster Bedava-Sitemde'de Kullanabilirsiniz. Anlatıma Geçebiliriz.

Kod :
<style> .greenmenuacilir, .greenmenuacilir li ul{ list-style-type: none; margin: 0; padding: 0; width: 185px; /*WIDTH OF MAIN MENU ITEMS*/ border: 1px solid black; } .greenmenuacilir li{ position: relative; } .greenmenuacilir li a{ background: white url(http://www.javascriptkit.com/script/script2/glossyback.gif) repeat-x bottom left; font: bold 12px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none; } .greenmenuacilir li ul{ /*SUB MENU STYLE*/ position: absolute; width: 190px; /*WIDTH OF SUB MENU ITEMS*/ left: 0; top: 0; display: none; } .greenmenuacilir li ul li{ float: left; } .greenmenuacilir li ul a{ width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */ } .greenmenuacilir .arrowdiv{ position: absolute; right: 2px; background: transparent url(http://www.javascriptkit.com/script/script2/arrow.gif) no-repeat center right; } .greenmenuacilir li a:visited, .greenmenuacilir li a:active{ color: white; } .greenmenuacilir li a:hover{ background-image: url(http://www.javascriptkit.com/script/script2/glossyback2.gif); } /* Holly Hack for IE \*/ * html .greenmenuacilir li { float: left; height: 1%; } * html .greenmenuacilir li a { height: 1%; } /* End */ </style> <script type="text/javascript" src="http://yourjavascript.com/17481832531/greenmenuphtml.js"></script> <ul id="acilirmenugreen" class="greenmenuacilir"> <li><a href="#">Anasayfa</a></li> <li><a href="#" >Eklentiler</a></li> <li><a href="#">Tasarımlar</a></li> <li><a href="#">Dersler</a> <ul> <li><a href="#">Blogger</a></li> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> </ul> </li> <li><a href="#" >Html Editör</a></li> <li><a href="#">Renk Editör</a></li> <li><a href="#" >PhtmLDrive</a> <ul> <li><a href="#">Menü 1</a></li> <li><a href="#">Menü 2</a></li> <li><a href="#">Menü 3</a></li> <li><a href="#">Menü 4</a></li> <li><a href="#">Menü 5</a></li> <li><a href="#">Menü 6</a></li> </ul> </li> </ul>