rankend.tr.gg | Farklı Olmak Emek İster - Yatay Açılır Menü v.01

Önizleme : img.webme.com/pic/r/rankend/rankendonz.png

kodlar :
<meta content="text/html; charset=iso-8859-9" http-equiv="Content-Type"> <style type="text/css"> 

            body{ 

               margin:0; 

               padding:0; 

            } 

            ul#menu, ul#menu ul{ 

              padding: 0; 

              margin: 0; 

              list-style: none; 

              } 

            ul#menu li { 

               float: left; 

               position: relative; 

               width: 150px; 

            } 

            ul#menu li ul { 

               display: none; 

               position: absolute; 

               top: 19px; /* yukseklik 25px + sonradan 

            eklenecek paddingler 4px toplam 19px */ 

               left:0; 

            } 

            ul#menu li > ul { 

            top: auto; 

            left: auto; 

            } 

            ul#menu li a { 

            font: bold 13px Verdana, Arial, Helvetica, sans-serif; 

            display: block; 

            margin: 0; 

            padding: 2px 3px; 

            height: 23px; 

            width: 144px; 

            color: #000; 

            background-image: url(https://img.webme.com/pic/r/rankend/pak1.png); 

            text-decoration: none; 

            } 

            ul#menu li a:hover { 

            color: #a00; 

            background-image: 

            url(https://img.webme.com/pic/r/rankend/pak1.png); 

            } 

            ul#menu li:hover ul, ul#menu li.over ul { 

               display: block; 

            } 

            </style> <script type="text/javascript"> 

            startList = function() { 

            if (document.all&&document.getElementById) { 

            navRoot = document.getElementById("menu"); 

            for (i=0; i<navRoot.childNodes.length; i++) { 

            node = navRoot.childNodes[i]; 

            if (node.nodeName=="LI") { 

            node.onmouseover=function() { 

            this.className+=" over"; 

              } 

              node.onmouseout=function() { 

              this.className=this.className.replace(" over", 

            ""); 

               } 

               } 

              } 

             } 

            } 

            window.onload=startList; 

            </script> 

            <ul id="menu"> 

                <li><a href="#">Anasayfa</a></li> 

                <li><a href="#">Konular</a> 

                <ul> 

                    <li><a href="#">Konu1</a></li> 

                    <li><a href="#">Konu2</a></li> 

                    <li><a href="#">Konu3</a></li> 

                </ul> 

                </li> 

                <li><a href="#">İTEM1</a> 

                <ul> 

                    <li><a href="#">MENU 1</a></li> 

                    <li><a href="#">Rankend</a></li> 

                    <li><a href="#">BS</a></li> 

                    <li><a href="#">Sayfa ekle</a></li> 

                    <li><a href="#">Sayfa ekle </a></li> 

                </ul> 

                </li> 

               </li> 

                <li><a href="#">İTEM 1</a> 

                <ul> 

                    <li><a href="#">MENU 1</a></li> 

                    <li><a href="#">Rankend</a></li> 

                    <li><a href="#">BS</a></li> 

                    <li><a href="#">Sayfa ekle</a></li> 

                    <li><a href="#">Sayfa ekle </a></li> 

                </ul> 

                </li> 

               </li> 

                <li><a href="#">iTEM2</a> 

                <ul> 

                    <li><a href="#">Bs-Platformu</a></li> 

                    <li><a href="#">Rankend</a></li> 

                    <li><a href="#">BS</a></li> 

                    <li><a href="#">Sayfa ekle</a></li> 

                    <li><a href="#">Sayfa ekle </a></li> 

                </ul> 

                </li> 

            </meta>