Resim üzerine yazı yazmak

05.02.2017 23:16

depeyi WM Aracı Kullanıcı

Üyelik 06.09.2014
Yaş/Cinsiyet 40 / E
Meslek inşaat mühendisliği
Konum Ankara

Ad Soyad İ** Y**
Mesajlar 55
Beğeniler 8 / 15
Ticaret 0, (%0)

Arkadaşlar merhaba,

fotoğraftaki boş alanlara takım logoları ve isimlerini eklemek istiyorum. bu alanlara gelecek takım bilgilerini de puan durumunun güncel haline göre çekmeyi düşünüyorum. o boş alanlarla yazdığım yazılar farklı boyutlardaki ekranlarda kayacak ve boşluğun içinde değil de daha farklı yerlerde görünecek ya da birisi tarayıcıyı biraz küçültmek istediğinde yamuk yumuk olacak. kayma sorunları yaşamadan bu sorunu nasıl aşarım? fikri olan varsa yardımcı olabilir mi?

05.02.2017 23:32

#2

FTHY WM Aracı Kullanıcı

Üyelik 15.01.2017
Yaş/Cinsiyet 31 / E
Meslek Elektrik Elektronik Mühendisi
Konum Gaziantep

Ad Soyad F** Y**
Mesajlar 30
Beğeniler 14 / 12
Ticaret 0, (%0)

Merhabalar,

"imagemap" kullanarak fotoğrafın üzerinde "area" yerleştirebilirsiniz. Tarayıcı küçüldüğünde "area"ların yerleri kaymaması içinde "imageMapResizer.js" Javascript kütüphanesini kullanabilirsiniz.

Örnek:
https://github.com/davidjbradshaw/image-map-resizer
https://github.com/stowball/jQuery-rwdImageMaps

1 kişi bu mesajı beğendi.

kodblogum.com

11.02.2017 00:52

#3

depeyi WM Aracı Kullanıcı

Üyelik 06.09.2014
Yaş/Cinsiyet 40 / E
Meslek inşaat mühendisliği
Konum Ankara

Ad Soyad İ** Y**
Mesajlar 55
Beğeniler 8 / 15
Ticaret 0, (%0)

FTHY hocam çok çok yardımcı oldunuz. kayma sorununu hallettim teşekkür ederim lakin bu sefer de veritabanından çektiğim güncel puan durumuna göre logoları yerleştirmede sorun yaşıyorum.

örnek verecek olursam; bu hafta oynanan maçlardan sonra 1. sıradaki takım değişti diyelim, haliyle burada sabit bir resim kullanamıyorum ben. bu şekilde her hafta alınan skorlara göre değişen puan durumuna bağlı kalarak değişen dinamik bir tablo olacak burası.
nasıl yapacağıma dair ufak bir fikir verirseniz gerisini araştırır hallederim. yardımcı olursanız çok sevinirim.

1 kişi bu mesajı beğendi.

11.02.2017 13:46

#4

FTHY WM Aracı Kullanıcı

Üyelik 15.01.2017
Yaş/Cinsiyet 31 / E
Meslek Elektrik Elektronik Mühendisi
Konum Gaziantep

Ad Soyad F** Y**
Mesajlar 30
Beğeniler 14 / 12
Ticaret 0, (%0)

Bence bu sorunu en kolay halletmenin yolu koordinat sistemine göre çalışmak. Yani takımların imagelerini bir kez tanımlarsınız. 1. lik 2.lik sırasına göre takımların büyük imagede yerleştiği yerin koordinatlarını veritabanına kayıt edersiniz. Son olarakta tanımladığınız takım imagelerin koordinatlarını takımların sıralamasına göre tablodan çekersiniz. Umarım anlatabilmişimdir.

Imagenin koordinatlarını belirlemek için:
http://kodblogum.com/image-uzerinden-koordinat-alma/
yazımı inceleyebilirsiniz.

Eğer ASP ile yazıyorsanız, veritabanından gelen koordinat bilgilerini nasıl yerleştireceğinizi de:
http://kodblogum.com/dinamik-image-map-renkli-hotspot/
bu makaleden alabilirsiniz.

kodblogum.com

11.02.2017 16:36

#5

ecarpar WM Aracı Kullanıcı

Üyelik 18.04.2014
Yaş/Cinsiyet 43 / E
Meslek bilişim ve e-ticaret uzmanı
Konum İstanbul Anadolu

Ad Soyad E** C**
Mesajlar 317
Beğeniler 23 / 90
Ticaret 0, (%0)

çok sert olacak belki ama..
boot strap gibi hazır responsive bir tasarıma geçmeyi düşünmelisin bence.. okada css yazma derdinden kurtulursun..

13.02.2017 10:33

#6

FTHY WM Aracı Kullanıcı

Üyelik 15.01.2017
Yaş/Cinsiyet 31 / E
Meslek Elektrik Elektronik Mühendisi
Konum Gaziantep

Ad Soyad F** Y**
Mesajlar 30
Beğeniler 14 / 12
Ticaret 0, (%0)

Anlık olarak yerleri değişebilecek fotoğrafların sistemini bootstrap nasıl yazacak acaba? Veritabanından gelen güncel verilere göre resimlerin yerini ayarlayabilme özelliği varsa bir örnek göster biz de kullanırız ;)

kodblogum.com

13.02.2017 10:56

#7

JumperTech Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 02.07.2016
Yaş/Cinsiyet 39 / E
Meslek Webmaster
Konum İstanbul Avrupa

Ad Soyad B** O**
Mesajlar 1705
Beğeniler 820 / 523
Ticaret 19, (%100)

PHP ile yazın, dertten kurtulun.

15.02.2017 23:43

#8

depeyi WM Aracı Kullanıcı

Üyelik 06.09.2014
Yaş/Cinsiyet 40 / E
Meslek inşaat mühendisliği
Konum Ankara

Ad Soyad İ** Y**
Mesajlar 55
Beğeniler 8 / 15
Ticaret 0, (%0)

php ile yazmayı düşünüyorum zaten hocam :)

Resim üzerine yazı yazmak

Üye Girişi Yap