Forum'da ara:
Ara


Yazar Mesaj
Mesaj05.06.2015, 17:48 (UTC)    
Mesaj konusu: Resim Üzerine Yazı Yazma

Arrow Merhaba arkadaşlar sizlere bir sorum olacaktı.

Acaba sitemize kouduğumuz resmin üzerine html kodlu olarak nasıl yazabiliyoruz, bilen varmı acaba ? Yazarsa çok sevinirim.

Hem diğer arkadaşlarında işlerine yaramış olur. Wink
Mesaj05.06.2015, 19:19 (UTC)    
Mesaj konusu:

Bu kod olabilirimi? bunu dene ben denedim oldu.
Kod:
<div style="background:url(http://img.webme.com/pic/m/mihdiustakaportaboya/header.2PNG.PNG) no-repeat;width:950px;height:300px;padding:13px 0 0 40px">Buraya yazı yaz</div>


width,height= Fotonun genişliğine ve yükseklğine göre değiştir
padding= yazının büyüklüğünü değiştirebilirsiniz.
"http://img.webme.com/pic/m/mihdiustakaportaboya/header.2PNG.PNG""= yazan yere fotonun adresini yaz.

Anlatımı bana aittir.

İYİ FORUMLAR...
Mesaj15.06.2015, 00:11 (UTC)    
Mesaj konusu:

@mihdiustakaportaboya
Flood yaptığınız mesaj silinmiştir.
Kullanıcılarımızın attığı mesajları düzenleme yetkileri mevcuttur.
Lütfen kural dışına çıkmadan yardımlarımızı devam ettirelim. Smile
Bilmiyorsak bir sıkıntı yok. Bu arada verilen kod doğrudur.
İyi forumlar.

______________

- Teknik Destek Personeli
Mesaj24.06.2015, 08:36 (UTC)    
Mesaj konusu:

mihdiustakaportaboya yazmış:
padding= yazının büyüklüğünü değiştirebilirsiniz.

Padding değerleri, yazının büyüklüğünü değiştirmeye yaramaz. Bu değerler, element içerisindeki bir içeriğin, element sınırlarına olan uzaklığını ayarlamak için kullanılır. Genellikle padding: üste-uzaklık sağa-uzaklık alta-uzaklık sola-uzaklık; şeklinde kullanılır.
Eğer yazı için stiller girecekseniz, "font" etiketini kullanmalısınız. font-size / font-weight / font-variant / font-style / font-stretch / font-family gibi...
İyi forumlar.
______________


En son slobada tarafından 24.06.2015 10:39:28 tarihinde değiştirildi, toplam 2 kere değiştirildi
Mesaj23.07.2015, 10:16 (UTC)    
Mesaj konusu:

Arkaplan için soruyosanız arkadaşımızın anlatımı doğrudur. Fakat arkaplan halinde olmayan bir resmin üzerine position kullanarak yazı ekleyebilirsiniz.Bunun için 2 div oluşturucaz ve birine resmi birine yazıyı koyucaz. Resim divinin position: relative; yazı divinin de position: absolute olucak. Örnek bir kodlama:

<div class="resim">
Buraya Resim urlsini ekleyin img taglarıyla
<div class="yazi">Buraya yazacağınız yazı gelecek</div>
</div>

CSS kodu şu şekil olucak

<style>

.resim { position: relative; width: 200px; height: 100px; }

.yazi { position: absolute; width: 100px; height: 50px; left: 30px;}

</style>

Yazı yazdığınız kutucuğun resim üzerindeki yerini ayarlamak için ise left, top, bottom, right gibi css özelliklerine değer girmelisiniz.Font vb. gibi birçok şey de koda ekleyebilirsiniz.
______________
Mesaj17.06.2016, 15:58 (UTC)    
Mesaj konusu:

evet güzel soru çözülmüşde .D
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu