Çoğu sitede görmüşsünüzdür sitenin üstünde tek renk veya renkli renkli sabit üst çubuk vardır. Şimdi küçük bir css kodu ile sitemize o üst çubuklardan eklemeyi anlatacağım. Aslında anlatıma gerek yok gibi çünkü yapılması gereken tek işlem vereceğim kodu sitenizin css bölümüne yapıştırmanız, siteniz ister blogger ister bedava-sitem olsun css kodu bütün sitelere uyarlı. Çubuğun ön izlemesi aşağıdadır.









1. Aşamada Hemen aşağıdaki etiketimizi buluyoruz..

/b:skin>
Etiketimizin hemen yukarısına aşağıdaki kodumuzu ekliyoruz..

.ustcubuk
{
background:url(http://img.webme.com/pic/o/ozicabdeneme/ustcubukocab.png) repeat-x;
padding:0;
margin-bottom:3px;
height:5px;
}


2. aşamada ise blogger sitemizin en üstüne yani body-wrapper kodumuzun üstüne; bedava-sitemde ise tasarım üstü bölümünün en üstüne kodlarımızı yapıştırıyoruz..

<div class='ustcubuk'/> </div>
Bütün işlem tamam sitemize üst çubuk ekledik, isterseniz çubuğunuzun yüksekliğini renklerini değiştirebilirsiniz. Güle güle kullanmanız dileğiyle..



İlgili Aramalar: üst çubuk ekle, sitene sabit üst çubuk ekle, sitene navbar ekle, blogger renkli sabit üst çubuk eklentisi
27 Mart 2012

Yorum Gönder

Yorum Yap
:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Smile kodunu görmek için tıklayınız
Smile'dan önce en az bir boşluk bırakmalısınız.

 
Top