* Forum Sitemiz Acilmistir.TİKLA
Sponsor Reklam Alanı
 
Ana Sayfa
Bize Ulaşın
Tasarımlar
Yorumlar

   

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>

 
Bugün 7 ziyaretçikişi burdaydı!
İstatik Gelecek tr
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
tasarimkurdu
Link
Sitemizin bedavasitem'e kayıt tarihi : 31.08.2009 olsada asıl yayına 15.12.2013 tarihinde girmiştir. Sitemiz bedavasitem'in yeni üyelerine tasarım hizmeti vermek üzere açılmıs ve ziyaretçileirmize hizmet vermeye devam etmektedir.
Eklenece
Sitede Bulunan Tasarımlar Bize Aittir.
Kaynak Gösterilmeden Paylaşılamaz...!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol