lostyazilim
tr.link

Google'ın yeni siyah navigasyon menüsü - CSS

14 Mesajlar 4.630 Okunma
lstbozum
tr.link

occipital occipital Öğrenci-Blog Yazarlığı... Kullanıcı
  • Üyelik 03.12.2010
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci-Blog Yazarlığı...
  • Konum
  • Ad Soyad Ç** K**
  • Mesajlar 1194
  • Beğeniler 126 / 122
  • Ticaret 5, (%100)
Blogu açtıktan sonra uzun bir süredir içerik eklemedim. Ama artık her gün 1 adet veya 2-3 günde 1 adet yazı ekleyeceğim kesin. Son günlerde Google yavaş yavaş değişmeye başladı ama neredeyse heryere gelen bir tek Türkiye’ye gelmeyen siyah bir navigasyon menüsü var. Bende birazcık kafa yorarak nasıl yapabilirim dedim ve sonunda yapmayı başardım . Gelen istekler doğrultusunda bunu WordPress’in yeni sürümlerinde anasayfada üst tarafta çıkan menüye uyarlayabilirim . Hadi hemen geçelim kodlara

CSS Kodu

/*Sıfırlama kodlarım*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;border: 0;margin: 0; padding: 0; vertical-align: baseline;list-style:none}body {line-height: 1;}h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;}ol, ul {list-style: none;}blockquote {quotes: none;}blockquote:before, blockquote:after {content: '';content: none;}del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}

body {font-family:Arial, Helvetica, sans-serif;}

ul.googlemenu { background: #2d2d2d; padding:0 5px; font-size:13px; color:#ccc; overflow:hidden; }

ul.googlemenu li { float:left; padding:7px 8px; border-top:solid 2px #2d2d2d; }

ul.googlemenu li.aktif{ border-top: solid 3px #dd4b39; color:#fff; font-weight:bold;}

ul.googlemenu li:hover { background:#4c4c4c; cursor:pointer;}

HTML Kodu



  • Ana Sayfa


  • Kod Bilen - Bir bilene sorun


  • kodbilen.com


  • Bir bilen kim?


  • Kim beni bilir bilen bilir


Önizleme

İndir

Kaynak: http://kodbilen.com/googlein-yeni-siyah-navigasyon-menusu-css/
 

 

wmaraci
reklam

Atakan Atakan Emekli. Kullanıcı
  • Üyelik 20.05.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek -
  • Konum Aydın
  • Ad Soyad A** U**
  • Mesajlar 6139
  • Beğeniler 2442 / 2410
  • Ticaret 12, (%100)
Teşekkürler, güzel paylaşım :)
 

 

occipital occipital Öğrenci-Blog Yazarlığı... Kullanıcı
  • Üyelik 03.12.2010
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci-Blog Yazarlığı...
  • Konum
  • Ad Soyad Ç** K**
  • Mesajlar 1194
  • Beğeniler 126 / 122
  • Ticaret 5, (%100)
Önemli değil :).
 

 

Ogulcan Ogulcan (K)af(S)in(K)af Kullanıcı
  • Üyelik 28.01.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek -
  • Konum İzmir
  • Ad Soyad O** T**
  • Mesajlar 2185
  • Beğeniler 165 / 388
  • Ticaret 13, (%100)
Teşekkürler, bi çok kişiye faydalı olur
 

 

wmaraci
wmaraci

occipital occipital Öğrenci-Blog Yazarlığı... Kullanıcı
  • Üyelik 03.12.2010
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci-Blog Yazarlığı...
  • Konum
  • Ad Soyad Ç** K**
  • Mesajlar 1194
  • Beğeniler 126 / 122
  • Ticaret 5, (%100)
Ben teşekkür ederim :D
 

 

Keer Keer Technology Business ♥ Kullanıcı
  • Üyelik 05.07.2011
  • Yaş/Cinsiyet - / E
  • Meslek Öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 717
  • Beğeniler 108 / 37
  • Ticaret 0, (%0)
Teşekkür ederim İleriki Projlerimde Lazım olur saolasın.
 

 

http://www.teknowebs.net Teknoloji Ve internet

srdr53 srdr53 RuHastasi Kullanıcı
  • Üyelik 16.04.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum Rize
  • Ad Soyad S** G**
  • Mesajlar 164
  • Beğeniler 8 / 11
  • Ticaret 3, (%100)
foruma bir teşekkür butonu lazım. teşekkür etmeye bile üşenir oldum artık :D
 

 

Ruhastasi.com

emirhan emirhan www.ozkula.com.tr Kullanıcı
  • Üyelik 26.11.2010
  • Yaş/Cinsiyet 35 / E
  • Meslek hosting
  • Konum İstanbul Avrupa
  • Ad Soyad E** C**
  • Mesajlar 1455
  • Beğeniler 60 / 263
  • Ticaret 39, (%100)
adamım ya bi ara gel de webayisina güzel bir menü yap :)
 

 

MertCanatan MertCanatan WM Aracı Kullanıcı
  • Üyelik 20.11.2010
  • Yaş/Cinsiyet 28 /
  • Meslek
  • Konum
  • Ad Soyad M** C**
  • Mesajlar 554
  • Beğeniler 0 / 8
  • Ticaret 0, (%0)
+tb'lik paylaşım.
 

 

occipital occipital Öğrenci-Blog Yazarlığı... Kullanıcı
  • Üyelik 03.12.2010
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci-Blog Yazarlığı...
  • Konum
  • Ad Soyad Ç** K**
  • Mesajlar 1194
  • Beğeniler 126 / 122
  • Ticaret 5, (%100)

Keer adlı üyeden alıntı

Teşekkür ederim İleriki Projlerimde Lazım olur saolasın.

Önemli değil :D

srdr53 adlı üyeden alıntı

foruma bir teşekkür butonu lazım. teşekkür etmeye bile üşenir oldum artık :D

Teşekkürmatik diye bir program yazalım :D

emirhan adlı üyeden alıntı

adamım ya bi ara gel de webayisina güzel bir menü yap :)

Yaparız panpa :D.

Teşekkür ederim mert :)
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al