-
aktif-im
---
Ana Sayfa
İletişim
Çeşitli
Ziyaretçi defteri
İkon Arşivi
enyeniler
Hakkımda
Bedava-Sitem
Bilgisayar
Bunları Biliyormuydunuz?
Android Klavye
Jquery
Bildirim Kutusu
yukari
duyuru
önizleme
404hata
404hata2
önizleme1
Dersler
BDA
Kayıt Ol
cokbunaldim
BlogAnaSayfası
eglence
bloganasayfasi
Sitemap
pscalismalarim
Saklı sayfalar
önizleme2
404hata3
photoshop
style
gradient
tesekkurler
SosyalPaylasim
önizleme3
web
Top liste
yarisma
üyeol
özelüye
Forum
intro
onlineiletisim
google nedir
aktifka
icebluetasarimlar
ara
sosyal
yataymenu
tasarım
dikeymenu
sekilliyazi
yatayv2
dikeyv2
wptema
cufondemo
cufon
cufonhazir
jqueryshadow
dikeyv3
yapimasamasinda
proxy
Yeni sayfanın başlığı
dikeyv4
oyungibibisey
yatayv3
önizleme4
404hata4
tummenular
Yenissda sayfanın başlığı
Yeni sayfanın bsssaşlığı
Yeni sayfanın dsabaşlığı
Yeni sayfanınddd başlığı
açılırmenü
Yeni sayfanısadasn başlığı
ekgrafikmenu
Yeni sayfghffanın başlığı
asdsadsad
yatayv2
Merhaba Arkadaşlar yine bir yatay menü ile karşınızdayım daha şık daha güzel. Tamamen Aktif-im.tr.gg Yapımıdır.
Önizleme
Menu
Menu
Menu
Açılır Menu
Açılır 1
Açılır 2
Kod(css ve html aynı kod'dadır yani kod direk html kodu)
<style type="text/css">#yataymenu { width: 463px; margin: auto; } /* Ust Kısım */ #ust { background-image: url(http://i.imm.io/f6US.png); float: left; height: 55px; width: 463px; } #ust .menu { float: right; width: 448px; margin-right: 6px; height: 45px; margin-top: 8px; } #ust .menu ul { margin: 0px; padding: 0px; list-style-type: none; position: absolute; } #ust .menu ul li ul { width: 50px; position: absolute; display: none; } #ust .menu ul li:hover ul { display: block; } #ust .menu ul li ul li a { color: #FFFFFF; width: 150px; height: 20px; padding-top: 5px; text-align: left; background-color: #1872A7; padding-left: 3px; border: 1px solid #16699A; font-size: 14px; } #ust .menu li { float: left; } #ust .menu a { display: block; width: 91px; height: 25px; text-align: center; color: #FFFFFF; text-decoration: none; font-family: Tahoma; padding-top:12px; border-right-width: 1px; border-right-style: solid; border-right-color: #3a8fbd; } #ust .menu a:hover { background-color: #0099ff; } </style> <div id="yataymenu"> <div id="ust"> <div class="menu"> <ul> <li style="text-align: center; "><a href="#" _fcksavedurl="#">Menu</a></li> <li style="text-align: center; "><a href="#" _fcksavedurl="#">Menu</a></li> <li style="text-align: center; "><a href="#" _fcksavedurl="#">Menu</a></li> <li style="text-align: center; "><a href="#" _fcksavedurl="#"><img border="0" alt="" src="https://img.webme.com/pic/a/alimengu/uzatici.png" _fcksavedurl="https://img.webme.com/pic/a/alimengu/uzatici.png" />Açılır Menu <img alt="http://cdn1.iconfinder.com/data/icons/miniicons2/arrow_expand.gif" border="0" src="http://cdn1.iconfinder.com/data/icons/miniicons2/arrow_expand.gif" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/miniicons2/arrow_expand.gif" /></a> <ul> <li><a href="#" _fcksavedurl="#">Açılır 1</a></li> <li><a href="#" _fcksavedurl="#">Açılır 2</a></li> </ul> </li> </ul> </div> </div> </div>
---
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol