Yeni Temamız İle Hizmetinizdeyiz...

Facebook | Twitter | | Google

Tweet

Transformice Firarda

Reklam Alanı

Mavi Menü Kodu

Menü süper. Hepinize tavsiye ederim...

DEMO

<style type="text/css"> 
#MenuTasiyici{ 
margin: 0; 
padding: 0; 
width: 320px; 
font-family: arial, tahoma sans-serif; 
} 
#MenuTasiyici .Baslik{ 
background-color: #245EDC; 
height: 22px; 
width: 320px; 
font-size: 12px; 
font-weight: bold; 
color: #E4EBFA; 
line-height: 22px; 
margin-bottom: 1px; 
} 
#MenuTasiyici .Baslik span{ 
padding-left: 8px; 
} 
#MenuTasiyici .OgeBaslik{ 
background-color: #ABC1F1; 
height: 20px; 
line-height: 20px; 
font-weight: bold; 
font-size: 11px; 
padding-left: 7px; 
cursor: pointer; 
border-bottom: solid 1px #245EDC; 
} 
#MenuTasiyici .OgeGrup{ 
width: 100%; 
color: #004E98; 
} 
#MenuTasiyici .Oge{ 
background-color: #F5F5F5; 
height: 20px; 
line-height: 20px; 
font-size: 11px; 
padding-left: 10px; 
border-bottom: solid 1px #D9DAD8; 
} 
</style>  <script type="text/javascript"> 
function OgeAcKapa(oge) 
{ 
if (document.getElementById(oge).style.display == 'none') 
{ 
document.getElementById(oge).style.display = ''; 
} 
else 
{ 
document.getElementById(oge).style.display = 'none'; 
} 
} 
</script>
<div id="MenuTasiyici">
<div class="Baslik">
<span>MENÜ</span></div>
<div class="OgeBaslik" onclick_fckprotectedatt=" onclick=">
Menu1</div>
<div id="og1" class="OgeGrup" style="display: none;">
<div class="Oge">
1.1</div>
<div class="Oge">
1.2</div>
<div class="Oge">
1.3</div>
</div>
<div class="OgeBaslik" onclick_fckprotectedatt=" onclick=">
Menu2</div>
<div id="og2" class="OgeGrup" style="display: none;">
<div class="Oge">
2.1</div>
<div class="Oge">
2.2</div>
</div>
<div class="OgeBaslik" onclick_fckprotectedatt=" onclick=">
Menu3</div>
<div id="og3" class="OgeGrup" style="display: none;">
<div class="Oge">
3.1</div>
<div class="Oge">
3.2</div>
<div class="Oge">
3.3</div>
</div>
</div>
<script type="text/javascript"> 
var menu_sayisi = 3; // Menü sayınızı buradan ayarlayınız, menü adlarının sonu ardışık artacak şekilde olmalıdır 
var s, alan; 
function OgeAcKapa(oge) 
{ 
if (document.getElementById(oge).style.display == 'none') 
{ 
document.getElementById(oge).style.display = ''; 
for (s = 1; s <= menu_sayisi; s++) { 
alan = "og" + s; 
if (oge != alan) { 
document.getElementById(alan).style.display = 'none'; 
}; 
}; 
} 
else 
{ 
document.getElementById(oge).style.display = 'none'; 
} 
} 
</script>

Bu Yazı Hakkında Birseyler Demek İstermisiniz ?

Sayfalar arasında geçiş yapmak için klavyeden yön tuşlarını (⇦ ⇨) kullanabilirsiniz.