id, "log" İçeriği Buraya Gelecek
id "reklam" İçeriği Buraya Gelecek
Burdasın : Açılır Üst Menü

MustafaOzkara // ir log Sitesinin €debi Rekabeti

Açılır Üst Menü




Kod:
<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: 135px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 25px;
width: 135px;
color: #fff;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu17.png);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
color: #000;
text-align: center;
text-valign: bottom;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu18.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="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>




Kod:
<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: 135px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 25px;
width: 135px;
color: #fff;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu14.png);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
text-align: center;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu15.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="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>




Kod:
<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: 135px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 25px;
width: 135px;
color: #000;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu11.png);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
text-align: center;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu12.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="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>




Kod:
<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: 129px;
}

ul#menu li ul {
   display: none;
   position: absolute;
   top: 19px;
   left:5;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold; 17px; verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
height: 47px;
width: 129px;
color: #000;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu8.png);
text-decoration: none;
text-align: center;
text-valign: middle;
}

ul#menu li a:hover {
text-align: center;
text-valign: middle;
background-image:

url(https://img.webme.com/pic/v/ve-siir/ustmenu9.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="#">Bedava-Sitem</a></li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
    <li><a href="#">Bedava-Sitem</a>
    <ul>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
        <li><a href="#">Bedava-Sitem</a></li>
    </ul>
    </li>
</ul>






Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Siteniz:
Mesajın:
Bugün 13 ziyaretçikişi burdaydı!
id "copy" İçeriği Buraya Gelecek
Sitemizin tüm hakları korunmaktadır, izinsiz alıntı yapılamaz veya kopyalanamaz, DMCA ile korunmaktadır. İzinsiz bir bağlantı, metin, resim vs. kopyalandığında siteniz kapatılabilir. Kaynak göstermeden paylaşmak yasaktır.ÖZ.TASARİM
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=