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.

“Sitenin Köşelerine Resim Ekleme” için bir yanıt

  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.

Ertan için bir yanıt yazın Yanıtı iptal et

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