Blogger Moving Black Menü

İnternet kodlar html VEYA css Tarayıcı ile Ile Ile uyuşmaktadır.İstediğiniz Gibi düzenleyerek kendimize Uygun BIR menü Elde edebilirsiniz.Bu göster onun menuyu bloğunuza ekleyerek etikete Bağlı Olarak da kullanabilirsiniz.

Bir web sitesi, tıklayın Günlük navigasyon Menüsü sayfanızın izlenimlerini Geliştirmek Oldukca önemlidir.Web sitesi tasarımında kullanılabilirliği Kullanıcı Dostu Olan Menüler Alanı tasarımında önemli Diğer Diğer rol Oynar ziyaretinde sitesinin navigasyon Menüler ağ.

Bu Blogger menuyu Eklemek İçin Kumanda paneli & Co. gt; Konut ve amp; gt; Alet ekle & Co. gt; HTML / Javascript takip ederek İngilizce Türkçe aşağıda ki kodları ekleyin kaydedin.

Kod İÇERİSİNDE oğlu kısımda Bulunan menü metin kısımlarını Kendinize Göre düzenlemeyi Unutmayın.

& Co. Lt; Tarzı & Co. gt;
# Beh-menü, # beh-menü ul {
margin: 0;
padding: 0;
list-style: none;
}
# Beh-menü {
Genişlik: 600px;
margin: 60px Otomatik;
Sınır: 3px Katı # 222;
background-color: # 111;
background-image: -moz-lineer gradyan (# 444, # 111);
background-image: -webkit-gradyan (doğrusal, sol Üst, sol alt, (# 444) den, (# 111) Click);
background-image: -webkit-lineer gradyan (# 444, # 111);
background-image: -o-lineer gradyan (# 444, # 111);
background-image: -ms-lineer-gradyan (# 444, # 111);
background-image: doğrusal gradyan (# 444, # 111);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px # 777;
-webkit-box-shadow: 0 1px 1px # 777;
kutu-gölge: 0 1px 1px # 777;
}
# Beh-Menüsü: önce,
# Beh-Menüsü: sonra {
içerik: "";
display: table;
}

# Beh-Menüsü: sonra {
Net: Her Iki;
}
# Beh-menü {
yakınlaştırma: 1;}
# Beh-menü li {
şamandıra: Sol;
border-right: 3px Katı # 222;
-moz-box-shadow: 1px 0 0 # 444;
-webkit-box-shadow: 1px 0 0 # 333;
kutu-gölge: 2px 2px 0 # 444;
position: relative;
}

# Beh-menü {
şamandıra: Sol;
padding: 12px 30px;
Renk: #aaa;
Metin-Dönüşümü: Büyük Harfe;
yazı: 12px Arial kalın, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 # 000;
}

# Beh-menü li: hover ve amp; gt; Bir {
Renk: #fafafa;
}

* Html # beh-menü li a: hover {/ * IE6 sadece sadece * /
Renk: #fafafa;
}

# Beh-menü ul {
margin: 5px 0 0 0;
_margin: 0; / * IE6 sadece sadece * /
donukluk: 0;
görünürlük: gizli;
position: absolute;
Üst: 34 piksel;
Sol: 0;
z-index: 9999;
background: # 444;
background: -moz-lineer gradyan (# 700, # 111);
background: -webkit-gradyan (doğrusal, sol alt, sol Üst, renk-stop (0, # 111), renk-stop (1, # 444));
background: -webkit-lineer gradyan (# 444, # 111);
background: -o-lineer gradyan (# 444, # 111);
background: -ms-lineer-gradyan (# 444, # 111);
background: doğrusal gradyan (# 4444, # 111);
-moz-box-shadow: 0 -1px RGBA (255.255.255, .3);
-webkit-box-shadow: 0 -1px 0 RGBA (255.255.255, .3);
kutu-gölge: 0 -1px 0 RGBA (255.255.255, .3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-Geçiş: in-out Tum .2s Kolaylığı;
-moz-Geçiş: Tum Çıkış Kolaylığı .2s;
-ms-Geçiş: Tüm in-out Kolaylığı .2s;
-o-Geçiş: in-out Tum .2s Kolaylığı;
Geçiş: Tum Çıkış Kolaylığı .2s;
}


# Beh-menü li: hover ve amp; gt; ul {
donukluk: .96;
görünürlüğü: Görünür;
margin: 10;
}

# Beh-menü ul ul {
Üst: 0;
Sol: 150px;
margin: 0 0 0 20px;
_margin: 0; / * IE6 sadece sadece * /
-moz-box-shadow: -1px 0 0 RGBA (255.255.255, .3);
-webkit-box-shadow: -1px 0 0 RGBA (255.255.255, .3);
kutu-gölge: -1px 0 0 RGBA (255.255.255, .3);
}

# Beh menü {Bir ul
padding: 10px;
Genişlik: 130px;
_height: 10px; / * IE6 sadece sadece * /
display: block;
white-space: nowrap;
şamandıra: hiçbiri;
Metin-Dönüşümü: hiçbiri;
}

{Vurgulu: # beh-menü ul
background-color: # 0186ba;
background-image: -moz-lineer gradyan (# 04acec, # 0186ba);
background-image: (dan (# 04acec) Click (# 0186ba) doğrusal, sol Üst, sol alt) -webkit-gradyan;
background-image: -webkit-lineer gradyan (# 04acec, # 0186ba);
arka plan görüntüsü: o-Lineer gradyan (# 04acec, 0186ba #);
background-image: -ms-lineer gradyan (# 04acec, # 0186ba);
background-image: doğrusal gradyan (# 04acec, # 0186ba);
}

# Beh-menü ul li: first-child-amp; gt; Bir {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}

# Beh-menü ul li: first-child-amp; gt; a: sonra {
İçerik: '';
position: fixed;
Sol: 40px;
Üst: -6px;
border-left: 6px Katı şeffaf;
border-right: 6px şeffaf Katı;
border-bottom: 6px Katı # 444;
}

# Beh-menü ul ul li: first-çocuk: sonra {
Sol: -6px;
Üst:% 50;
margin-top: -6px;
border-left: 0;
border-bottom: 6px şeffaf Katı;
border-top: 6px şeffaf Katı;
border-right: 6px Katı # 3b3b3b;
}

# Beh-menü ul li: first-çocuk: hover: sonra {
border-bottom-color: # 04acec;
}

# Beh-menü ul ul li: first-child a: hover: sonra {
sınır-sag-color: # 0299d3;
border-bottom-color: transparent;
}

# Beh-menü ul li: oğul çocuk ve amp; gt; Bir {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}

& Co. Lt; / Halen Denizli ve amp; gt;


& Co. Lt; ul id = "Beh-menü" & amp; gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Ev & amp; lt; / A & Co. gt; & Co. lt; / Li & Co. gt;
& Co. Lt; Li & Co. gt;
& Co. Lt; a href = "#" & amp; gt; Bilgi 1 ve; lt; / A & Co. gt;
& Co. Lt; ul & Co. gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Bilgi Cafem 1 ve; lt; / A & Co. gt; & Co. lt; / Li & Co. gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Bilgi Cafem 2 ve; lt; / A & Co. gt; & Co. lt; / Li & Co. gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Bilgi Cafem 3 ve lt; / A & Co. gt; & Co. lt; / Li & Co. gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Bilgi Cafem 4 & Co. lt; / A & Co. gt; & Co. lt; / Li & Co. gt;
& Co. Lt; / Ul & Co. gt;
& Co. Lt; / Li & Co. gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Bilgi 2 ve; lt; / A & Co. gt; & Co. lt; / Li & Co. gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Bilgi 3 ve lt; / A & Co. gt; & Co. lt; / Li & Co. gt;
& Co. Lt; Li & Co. gt; & Co. lt; a href = "#" & amp; gt; Bilgi 4 & Co. lt; / A & Co. gt; & Co. lt; / Li & Co. gt;

& Co. Lt; / Ul & Co. gt;

NOT: Yukarıda ki kodlar bazen göster Bazı eklentilerin kullanımından bozuk olabiliyor, Bu Yüzden altta ki Önizleme Ekranı İÇERİSİNDE "HTML" KISMINDA kodları görebilirsiniz.