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.

Bir cevap yazın

Your email address will not be published.