Ç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

Yorum Gönder

 
Top