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.
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.