- CSS YATAY MENÜ

.

CSS YATAY MENÜ

MENÜYÜ NEREYE KOYACAKSAN ORAYA EKLE KODLARI

<script type="text/javascript" src="http://www.fileden.com/files/2008/6/10/1953689/chrome.txt"></script>
<script type="text/javascript" src="http://www.fileden.com/files/2008/6/10/1953689/jquery.txt
"></script>
<script type="text/javascript" src="http://www.fileden.com/files/2008/6/10/1953689/jquery.bgpos.txt"></script>
<style>
#MainMenu
{
height:37px;
background:#FFF;
border:0;
margin:0;
}
#tab
{
top:0;
height:0;
background:repeat-x top;
margin:0;
}
#tab ul
{
list-style:none;
float:left;
margin:0;
padding:0;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:url(http://img14.imageshack.us/img14/611/bright109.gif) no-repeat right top;
text-decoration:none;
border:0;
display:block;
float:left;
margin:0;
padding:0;
}
#tab a span
{
display:block;
background:url(http://img394.imageshack.us/img394/5919/bleft109r.gif) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
font-weight:700;
line-height:37px;
padding:0 25px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#000;
font-weight:700;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0;
background:#FFF;
color:#FFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
width:180px;
display:block;
border:0;
color:#FFF;
background:url(http://img394.imageshack.us/img394/5919/bleft109r.gif) no-repeat left top;
font-weight:700;
font-style:normal;
text-decoration:none;
margin:0;
padding:0;
}
.dropmenudiv a span
{
display:block;
line-height:37px;
background:url(http://img14.imageshack.us/img14/611/bright109.gif) no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
float:none;
padding:0 25px;
}
.dropmenudiv a:hover
{
border:0;
background-position:left bottom;
font-weight:700;
font-style:normal;
text-decoration:none;
color:#000;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000;
font-weight:700;
}

</style>

EK KODLAR

.

Eğlenceli Menü

Menü

Bu web sitesi Bedava-Sitem.com ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?

Ücretsiz kayıt ol