opop

araccubuk



Arkadaşlar şimdi sitemizin üstünde gördüğünüz gibi bir araç çubuğu yapacağız.

 

             Şimdi yukarıda verdiğim kodu tasarım üstüne veya durmasını istediğiniz sayfanın kaynak kısmına yapıştırın.


Şimdi vereceğim yer kodun en önemli kısımlarından biri

#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 5px 0;
background-color: Black;
border-bottom: 1px solid black;
font: bold 12px Verdana;
}

Kırmızı İle Gösterdiğim Yer:Kırmızı ile gösterdiğim yer araç çubuğunun arka plan rengi.Arkaplan rengini değiştirmek istiyorsanız.Kırmızı gösterdiğim yere şunları yazabilirsiniz:

Mavi Yapmak İçin:background-color: Blue;

Beyaz Yapmak İçin:background-color: White;

Kırmızı Yapmak İçin İse:background-color: Red;

Yeşil İle Gösterdiğim Yer:Yeşil ile gösterdiğim yer araç çubuğunun kenar rengidir.Kenar rengini ayarlamak için:

Mavi Yapmak İçin:border-bottom: 1px solid blue;

Beyaz Yapmak İçin:border-bottom: 1px solid white;

Kırmızı Yapmak İçin İse:border-bottom: 1px solid red;


Bunları ayarlayıp kodu yerleştirdikten sonra istediğiniz gibi bilgi araç çubuğunuza bakabilirsiniz =).İsterseniz bilgi araç çubuğuna ziyaretçilere mesaj,yeni bir duyuru veya dikkatinizi çeken bir haber veya yazı koyabilirsiniz.Gerisi zaten size kalmış,karışmaya gerek yok =)


Aa bide unutmadan bilgi araç çubuğunun kapatma işaretini değiştirmek isteyenler:

function informationbar(){ 
 this.displayfreq="always"
 this.content='<a href="javascript:informationbar.close()"><img src="Buraya kapatma resminin urlsi" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></a>' 
}  

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=