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/