Merhaba arkadaşlar, bir anlatımım ile daha birlikteyiz.
Bu dersimde sizlere css ile resimin üzerine yazı yazmayı çok kolay bir şekilde anlatacağım.
İlk olarak bir resim seçelim... Bu seçeceğimiz resim sadece bir ayrıntıdır, ister bir ünlünün ister bir hayvanın resimini veya kendi resiminizi vs.. koyabilirsiniz.
Ben önceden belirledim Mustafa Kemal Atatürk'ün resimini koyacağım.
Şimdi kod yazmaya hazır olun kafanızı toparlayın.
Oluşturacağımız css'in konusuna özel bir css oluşturucaz. yani şu şekil ;
#ataturk {
}
Yeşil ile belirttiğim oluşturduğumuz div'in css kodudur.
Bu css kodunun içine şimdi arka plan kodunu size yazıyorum.
background-image: url (buraya resim urlsini yapıştırın.);
Ve resimin genişliğini ve yükseklik için gereken kodu yazıyoruz.
width: 500px;
height: 354px;
Birde son olarak kodun gözükmemesi için div için gerekli kodu yazalım...
<div id="Div ismi buraya">Buraya yazı geliyor..!</div>
Evet arkadaşlar yukarıda kırmızı ile belirttiğim yere yazdığımız css'in adı gelicek bizim yazdığımızın css'in adı ataturk ü yerine u yazmaya dikkat edin yoksa sorun çıkar.
Mavi ile belirttiğim ise resimin üstüne yazılacak yazıdır.
Oluşturduğumuz kod ;