DİKEY AÇILIR MENÜ DEMO

<style type="text/css"> .menumstyle, .menumstyle div{ /*topmost and sub DIVs, respectively*/ font: normal 13px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background:#FF9907; border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; } .menum ul{ margin:0;/*UL çerçevesinin dışından boşluğunu yok eder.*/ padding:0;/*UL çerçevesinin içerden boşluğunu yok eder.*/ list-style:none;/*Lİ'lerin kenarlarındaki stili(örneğin yuvarlak gibi) kaldırır.*/ width:150px;/*UL'nin genişliğini 150px olarak ayarlar*/ border-bottom:1px solid #000;/*UL'nin sadece alt kenar özelliğini belirler.*/ } .menum li{ position:relative;/*Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar. Burada Lİ özelliği UL'yi esas alarak yerini belirler.*/ } .menum li ul{/*menum'ün içindeki Lİ'nin içindeki UL için class tanımlaması*/ position:absolute;/*Katmanın yerini esas pencere olarak alır. Yani yeri nere ise orada konumlanır.*/ list-style:none;/*Lİ'lerin kenarlarındaki stili(örneğin yuvarlak gibi) kaldırır.*/ left:149px;/*Soldan 149 px boşluk bırakır. 1px az olmasının sebebi border'dandır.*/ width:150px;/*Lİ'nin içerisindeki UL'nin genişliği 150 px yapılır.*/ display:none;/*menu->li->ul sayfa açıldığında gözükmesini engeller.*/ top:0;/*Yukarıdan boşluğu siler*/ } .menum li ul li ul { position:absolute; list-style:none; left:149px; width:150px; display:none; top:0; } .menum li a{/*menu->li->a yani menu'nun içindeki linklere stil verilir*/ display:block;/*Linkler alt alta gösterilir*/ text-decoration:none;/*Linklerin alt çizgisi kaldırılır*/ background-color:#9CF;/*Linkelere arka plan rengi verilir*/ color:#000;/*Linklerin yazı rengi siyah olarak ayarlanır*/ font:bold 13px Verdana, Geneva, sans-serif;/*Font özellikleri verilir*/ padding:5px;/*Linklerin çerçevenin içinden boşluğu 5px olarak ayarlanır*/ border:1px solid #000;/*Linkelere çerçeve özelliği verilir*/ border-bottom:0;/*Linklerin alt çerçevesi kaldırılır*/ } .menum li a:hover{/*menu'nun içindeki Lİ'nin içindeki linkerin üzerine gelindiğinde uygulanacak stiller*/ background-color:#012D58;/*Linkin arkaplan rengini değiştir*/ color:#FF0;/*Linkin yaz rengini değiştir.*/ } li:hover ul{/*Menu'nun içindeki ana Lİ'lerin üzerine gelince alt menüsü (yani UL'si) varsa göstermesi için stil uygulanır*/ display:block;/*Menu'nun içindeki Lİ'nin içindeki alt menu olarak olan li->ul lerin alt menüsü varsa onların açılmasını sağlar*/ } li ul li:hover ul {display:block;}/*ie 7 ve altındaki tarayıcı uyumsuzluklarını gidermek için bu kodları kullandık*/ * html ul li{ float:left; height:1%; } * html ul li a{ height:1%; } </style> <div class="menum"> <ul> <li><a href="#">Anasayfa</a></li> <li><a href="#">Hakkımızda</a> <ul> <li><a href="#">Faaliyetlerimiz</a> <li><a href="#">Şirket Tarihçesi</a></li> <li><a href="#">Yöneticilerimiz</a></li> <li><a href="#">Çalışanlarımız</a> <ul> <li><a href="#">Çalışanlarımız1</a> <li><a href="#">Çalışanlarımız2</a> <li><a href="#">Çalışanlarımız3</a> </ul> </li> </ul> <li><a href="#">Hizmetlerimiz</a> <ul> <li><a href="#">Web Tasarım</a></li> <li><a href="#">Hosting</a></li> <li><a href="#">Logo Tasarım</a></li> <li><a href="#">Danışmanlık</a></li> </ul> </li> <li><a href="#">Referanslarımız</a></li> <li><a href="#">İletişim</a></li> </ul> </div>

• Anasayfa
• Hakkımızda
  • Faaliyetlerimiz
    • TİCARİ
    • SINAİ
    • ÜRETİM
    • SATIŞ
  • Şirket Tarihçesi
    • 1980
    • 1990
    • 2000
  • Yöneticilerimiz
    • AHMET
    • MEHMET
  • Çalışanlarımız
    • Çalışanlarımız1
    • Çalışanlarımız2
    • Çalışanlarımız3
• Hizmetlerimiz
  • Web Tasarım
    • YURT İÇİ
    • YURT DIŞI
  • Hosting
  • Logo Tasarım
  • Danışmanlık
• Referanslarımız
• İletişim

MÜZİK LİSTESİ

1. Muhittin Seçen- Erkek Sözü	76. İsmet Bayraktar - Anam Yok Ki Derdim Bilsin
2. Cengiz Kurdoğlu - Liselim	77. Ferdi Tayfur - Yuvasız Kuşlar
3. Ferdi Tayfur Sen De Mi Leyla	78. Cengiz Kurdoğlu - Ben De Sevdim
4. Mersinli İsmail - Kıvırcık	79. Müslüm Gürses - Tanrı İstemezse
5. İskender Ulus - Komşu Kızı	80. Bergen - Kul Feryadı
6. Erol Budan - Arkadaşça Sevsen	81. İbrahim Tatlıses - Bir Kulunu Çok Sevdim
7. Orhan Gencebay - Beni Böyle Sev	82. Selahattin Özdemir - Hem Yaratıyor Hem...
8. Ferdi Tayfur - Gönlümün Sultanısın	83. Orhan Gencebay - Bir Teselli Ver
9. Gökhan Güney - Melek Yüzlüm	84. Gülden Karaböcek - Sürünüyorum
10. Orhan Gencebay - Cennet Gözlüm	85. Bülent Ersoy - İtirazım Var
11. Müslüm Gürses - Senin Yeşil Gözlerin	86. Orhan Gencebay - Musalla Taşı
12. Orhan Gencebay - Yeşil Gözlerine Aklım Takıldı	87. Ferdi Tayfur - Bu Gece Meyhanede
13. Gülden Karaböcek - Takma Başına Kır Çiçeklerini	88. Müslüm Güres - Bir Kadeh Daha Ver
14. Ferdi Tayfur - Allanıyorsun	89. Orhan Gencebay - Batsın Bu Dünya
15. Ferhat Güzel - Bir Hüzünlü Çiftetelli	90. Ferdi Tayfur - Durdurun Dünyayı
16. Erol Budan - Koparamam Kalbimi	91. Orhan Gencebay - Hor Görme Garibi
17. Gökhan Güney - Bir Seni Düşündüm Bir De...	92. Müslüm Gürses - Güldür Yüzümü
18. Hakkı Bulut - Sarışın Sarı Kız	93. Ferdi Tayfur - Dert Çekmeyen Ne Bilir
19. Ferdi Tayfur - Çeşme	94. Müslüm Gürses - Çığlığın Boşa Gider
20. Gülden Karaböcek - Yaz Beni Yarim	95. Orhan Gencebay - Aşk Pınarı
21. Orhan Gencebay - Bir Görüşte Aşık Oldum	96. Ferdi Tayfur - Bana Sor
22. Gülden Karaböcek - Dilektaşı	97. Ferdi Tayfur - Acılar
23. Bülent Ersoy - Sabaha Kadar	98. Kamuran Akkor - Üzülmedim Ki
24. Ferdi Tayfur - Koparma Gülleri	99. Orhan Gencebay - Mutluluk Senin Olsun
25. Hakan Taşıyan - Güz Gülleri	100. Müslüm Gürses - Üstüme Düşme Benim
26. Ferdi Tayfur - Ya Benimsim Ya Toprağın	101. Ferdi Tayfur - Hatıran Yeter
27. Müslüm Gürses - O Benim Kaderim Olsun	102. Hakan Taşıyan - Gözün Sevem
28. Ferdi Tayfur - Kaderimsin	103. Orhan Gencebay - Gitme
29. Ferdi Tayfur - Gönül Oyunu	104. Müslüm Gürses - Gitme
30. Müslüm Gürses - Aldanma Çocuksu...	105. Orhan Gencebay - Gitti De Gitti
31. Orhan Gencebay - Dilenci	106. Selahattin Özdemir - Son Elveda
32. Ferdi Tayfur Seni Dilendim	107. Muazzez Ersoy - Kalbimi Kıra Kıra
33. Adnan Aslan - Hasretinden Öleceğim	108. Müslüm - Hasret Rüzgarları
34. Hüseyin Altın - Hasret Akşamları	109. Ferdi Tayfur - Hayırsız
35. Recep Alemdar - Geceler	110. Gökhan Güney - Artık Gelsene
36. Neşecik - Geceler Yarim Oldu	111. İsmet Bayraktar - Birgün Bana Döneceksin
37. Müslüm - Uykuda Mısın Sevgili Yarim	112. Cengiz Kurdoğlu - Duvardaki Resim
38. Ferdi Tayfur - Kapa Perdelerini	113. Ferdi Tayfur - Hatıralar
39. Ferdi Tayfur - Bir Ben Olaydım	114. Yıldırım Caner - Hatırası Var
40. Ferdi Tayfur - Yabancın Mıyım	115. Orhan Gencebay - Kaderimin Oyunu
41. Orhan Gencebay - Ya Evde Yoksan	116. Ferdi Tayfur - Bilemezsin Sen
42. Ferdi Tayfur - Merak Etme Sen	117. Ferdi Tayfur - Yıllar
43. Müslüm Gürses - Konuşsana Birtanem	118. Gülden Karaböcek - Kırılsın Ellerim
44. Ferdi Tayfur - Bana Gerçekleri Söyle	119. Ferdi Tayfur - Huzurum Kalmadı
45. Ferdi Tayfur - Seviyor Musun Sevmiyor Musun	120. Mersinli İsmail - Kızım Olursa Adını...
46. Bülent Serttaş - Aşığım Yanmışım	121. Mersinli İsmail - Kızım Oldu
47. Ferdi Tayfur - Yanmışım	122. Seyfi Doğanay - Kızımın Adına İsmini Koydum
48. Müslüm Gürses - Bir Bilebilsen	123. Müslüm Gürses - Ela Gözlüm
49. Ferdi Tayfur - Bilemezsin Sen	124. Ferdi Tayfur - Nisan Yağmuru
50. Biricik - En Büyük Sır	125. Müslüm - Unutursun Diye
51. Orhan Gencebay - Dil Yarası	126. Ferdi Tayfur - Unutmak İstiyorum
52. Ferdi Tayfur - Dil Yarası	127. Müslüm - Unutamazsın
53. İsmet Bayraktar - Aramızda Bir Sır Var Ki	128. Bahadır Aydoğan - Duydum Ki Unutmuşsun
54. Gülden Karaböcek - Dayan Yüreğim Dayan	129. İsmet Bayraktar - Taşa Gömmeli
55. Hakkı Bulut - Kıskanıyorum	130. Müslüm Gürses - Neredesin Sen
56. Gökhan Güney - Sevemedim Karagözlüm	131. Biricik - Gözlerine Bakan Olmuş
57. Orhan Gencebay - Vazgeç Gönlüm	132. Müslüm Gürses - Esrarlı Gözler
58. Gülden Karaböcek - Al Resmini Ver Resmimi	133. Ferdi Tayfur - Bana Da Söyle
59. Ferdi Tayfur - Boşver Diyorlar	134. İsmet Bayraktar - Yürüyorum Dikenlerin
60. Ferdi Tayfur - Dert Çekmeyen Ne Bilir	135. Hüseyin Altın - Dargınım
61. Orhan Gencebay - Ben Topraktan Bir Canım	136. Erol Budan - Suçlu
62. Ferdi Tayfur - Derbeder	137. Alihan - Bu Kadın Neden Ağlıyor
63. Ferdi Tayfur - Yüreğimde Yara Var	138. Müslüm Gürses - Bir Kadın Tanıdım
64. İsmet Bayraktar - Ölmeden Öldürdün Beni	139. Müslüm Gürses - Akşam Olur Gizli Gizli Ağlarım
65. Müslüm Gürses - Yeter Sevgilim Yeter	140. Müslüm Gürses - Hani Söz Vermiştin Bana
66. Ferdi Tayfur - Ne Çıkar	141. Hüseyin Altın - Akşamcı
67. Orhan Gencebay - Yarabbim	142. Müslüm Gürses - Hangimiz Sevmedik
68. Orhan Gencebay - Beni De Allah Yarattı	143. Cengiz Kurdoğlu - Ben De Sevdim
69. Müslüm Gürses - Nereden Sevdim O Zalimi	144. Küçük Emrah - Yıkılmak Yok Öyle Arkadaş
70. Orhan Gencebay - Zalimden Öte	145. Ferdi Tayfur - Yuvasız Kuşlar
71. Ümit Besen - Bana Abi Deyip Durma	146. Biricik - Gurbet Kuşları
72. Ferdi Tayfur - Hoşçakal Leyla	147. Hüseyin Altın - Merhaba Gurbet
73. Ferdi Tayfur Sen De Mi Leyla	148. İsmet Bayraktar - Anam Yok Ki Derdim Bilsin
74. Biricik - Amin	149. Müslüm Gürses - Evlat
75. Muhittin Seçen- Erkek Sözü	150.Gülden Karaböcek - Nem Kaldı

AÇIKLAMALI BLOGGER AÇILIR MENÜ DEMO

AÇIKLAMALI BLOGGER AÇILIR ÜST MENÜ

<script src='http://yourjavascript.com/102231914611/dropdown.js' type='text/javascript'></script>  <style type="text/css">  /* ######### Drop Down Menu by www.MyBloggerTricks.com ######### */

.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
font: normal 13px Verdana;
margin: 0;  p
adding: 0;
position: absolute;
left: 0;  top: 0;
list-style-type: none;
background: white; /*AÇILAN MENÜNÜN RENGİ BURAYI iki nokta üstüste İLE noktalı virgül arasına yazarak DEĞİŞTİREBİLİRSİNİZ burası beyaz*/
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;  z-index: 100;
}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none;
}

.ddsubmenustyle li a{
display: block;
width: 170px; /*AÇILAN MENÜNÜN UZUNLUĞUiki nokta üstüste İLE noktalı virgül arasına yazarak DEĞİŞTİREBİLİRSİNİZ*/
color: blue;  /*EN ÜST MENÜNÜN DEĞİŞİM RENGİ iki nokta üstüste İLE noktalı virgül arasına yazarak DEĞİŞTİREBİLİRSİNİZ  burası MAVİ*/
background-color:yellow;  /*AÇILAN ALT MENÜNÜN RENGİiki nokta üstüste İLE noktalı virgül arasına yazarak DEĞİŞTİREBİLİRSİNİZ burası SARI*/
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/  display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: green;   /*AÇILAN ALT MENÜNÜN DEĞİŞİM  RENGİiki nokta üstüste İLE noktalı virgül arasına yazarak DEĞİŞTİREBİLİRSİNİZ burası YEŞİL*/
color: white;
}

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background: #414141;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/  border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141;
}

.mattblackmenu li a:visited{
color:white;
}

.mattblackmenu li a:hover{
background: blue; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background:blue; /*background of tab with "selected" class assigned to its LI */
}

</style>


<div id="ddtopmenubar" class="mattblackmenu">
<ul>

    <li><a href="#">LINK1</a></li>
    <li><a href="#" rel="ddsubmenu1">LINK2</a></li>
    <li><a href="#" rel="ddsubmenu2">LINK3</a></li>
    <li><a href="#">Link4</a></li>
    <li><a href="#" rel="ddsubmenu3">LINK5</a></li>
</ul>
</div>

<script type="text/javascript">  ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")  </script>


<ul class="ddsubmenustyle" id="ddsubmenu1">
    <li><a href="#">LINK2 ITEM 1</a></li>
    <li><a href="#">LINK2 ITEM 2</a>
    <ul>
        <li><a href="#">LINK2 ITEM 2.1</a></li>
        <li><a href="#">LINK2 ITEM 2.2</a></li>
    </ul>
    </li>
    <li><a href="#">LINK2 ITEM 3</a>
    <ul>
        <li><a href="#">LINK2 ITEM 3.1</a></li>
    </ul>
    </li>
    <li><a href="#">LINK2 ITEM 4</a></li>
</ul>
<ul class="ddsubmenustyle" id="ddsubmenu2">
    <li><a href="#">LINK3 ITEM 1</a></li>
    <li><a href="#">LINK3 ITEM 2</a></li>
    <li><a href="#">LINK3 ITEM 3</a>
    <ul>
        <li><a href="#">LINK3 ITEM 3.1</a></li>
        <li><a href="#">LINK3 ITEM 3.2</a></li>
        <li><a href="#">LINK3 ITEM 3.3</a></li>
        <li><a href="#">LINK3 ITEM 3.4</a></li>
    </ul>
    </li>
    <li><a href="#">LINK3 ITEM 4</a></li>
    <li><a href="#">LINK3 ITEM 5</a>
    <ul>
        <li><a href="#">LINK3 ITEM 5.1</a></li>
        <li><a href="#">LINK3 ITEM 5.2</a>
        <ul>
            <li><a href="#">LINK3 ITEM 5.2 1</a></li>
            <li><a href="#">LINK3 ITEM 5.2 2</a></li>
            <li><a href="#">LINK3 ITEM 5.2 3</a></li>
        </ul>
        </li>
    </ul>
    </li>
    <li><a href="#">LINK3 ITEM 6</a></li>
</ul>
<ul class="ddsubmenustyle" id="ddsubmenu3">
    <li><a href="#">LINK5 ITEM 1</a></li>
    <li><a href="#">LINK5 ITEM 2</a></li>
    <li><a href="#">LINK5 ITEM 3</a></li>
    <li><a href="#">LINK5 ITEM 4</a></li>
    <li><a href="#">LINK5 ITEM 5</a></li>
</ul>