Sitenize Sabit Üst Çubuk Eklemek

Ç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
Sitenize Sabit Üst Çubuk Eklemek Sitenize Sabit Üst Çubuk Eklemek Reviewed by Oğuzhan Cabbaroğlu on 3/27/2012 Rating: 5

8 yorum

  1. Güzel ama bs reklamı yüzünden biraz kötü görünüyor :)

    YanıtlaSil
  2. aslında okadar kötü durmuyo denedim :D üstte 2 br boşluk var reklamdan önce sığıyo yani :D

    YanıtlaSil
  3. kim bilir nerden çaldın yine, sanki sen yaptın :D

    YanıtlaSil
  4. adsızdan yazdığına göre korkak g*tleğin tekisin ayrıca bu basit css kodu annen de yazabiliyor canım git sor !!

    YanıtlaSil
  5. Gerçektende korkaksın, ismini bile yazamamış yazsada zaten başkasınınkini yazar hemde olamaz mı kod başkasının belki sitenizde yayınlayabilirsiniz dedi ve bu kodu bilmeyenlerde var. Herkes öğrensin diye Oğuzhan yayınlamış iyi ya sitesinede eklemiştir kesin.

    YanıtlaSil
  6. @Orhan adamın dibisin kardeşim :)

    YanıtlaSil
  7. hocam bir şey dicem ben bu eklentiyi kullandım ama bir hata verdi bende
    div class='ustcubuk'/> </div
    "ustcubuk"/ yani burdaki / fazla değilmi onu silince çalışıyor

    YanıtlaSil

Image Link [https://lh3.googleusercontent.com/kXvOVaV2dIWC4gKWhzQhTK7KXwgYFcM_xkISmmlJH5MIYQ-nQogwFc1zAaKEpnqhaPEMJ1Vpn4SKbg=w1366-h768-rw-no] Author Name [Oğuzhan Cabbaroğlu] Author Description [Ozicab İnternet ve Tasarım Hizmetleri - Kurucu / Nam-ı Diğer Ozicab ] Facebook Username [ozicab] Twitter Username [ocabbaroglu] GPlus Username [107441494120937470968] Pinterest Username [ozicab] Instagram Username [ozicab]