Sitenin Köşelerine Resim Ekleme

Sitemin sol üst köşesine Türk Bayrağı resmini ekledim. İlk başta style.css dosyamızı açıyoruz. O dosyada en alta kutudaki kodları ekliyoruz.

#resim-kose {
position: absolute;
top: 0px;
left: 0px;
position: fixed;
text-indent: -1000px;
width: 100px;
height: 100px;
overflow: hidden;
background: url(http://www.siteadresiniz.com/resim.png) 0 0 no-repeat;
}

Yukarıdaki kutudaki url parantezinin içinde görselin tam adresini yazacaksınız.

<div id="resim-kose"></div>

Yukarıdaki kodu sitenin <body> etiketinin altına yazarsanız sitede görüntülenir.

WordPress için

Üstteki kodu style.css dosyasına alttaki kodu ise header.php dosyasını açıyoruz ve orada </head> kodunun hemen altına kodu ekliyoruz.

Kod Açıklaması

Şimdi o koda göre resim sol üst köşede.

top:0px; bu kod görselin en tepede olmasını sağlar. (Üstten 0 boşluk demektir.)

top kısmını  bottom olarak değiştirirseniz sitenin en altında olacaktır. Ayrıca left: 0px; kısmı da resmin solda olmasını sağlar bu kodu da right: 0px; olarak değiştirirseniz sitenin sağında olacaktır.

Paylaş
Paylaşılabilir Bağlantı
Önceki

WordPress Otomatik Güncelleme Sorununa ÇÖZÜM

Sonraki

Favicon(Simge) Ekleme

Comments 1
  1. merhaba hocam, öncelikle teşekkürler.
    Sitenin sağ bölümüne resim eklemek yerine video eklemek istiyorum. Karşılama mankeni gibi nasıl yapabilirim. Yardımcı olursanız sevinirim.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bunlara da bir bak

MSN 8.5 Portable

Bu program ile istediğiniz yerde flashdiskinize yükleyerek MSN 8.5 sürümünü kullanabilirsiniz. İndirme adresi:Download

Öğretmenler Günü

Öğretmenler! Cumhuriyet sizden düşünceleri hür, vicdanı hür, irfanı hür nesiller ister.…

Son Karar: Google Chrome

1 ay’dan fazla süredir Firefox 4‘ün Beta sürümünü kullanıyordum. Fakat yüksek CPU kullanımının önüne…