kodlarını kaybettim nasıldı bi html sayfasında belli px arası yerlere link verme ?:selektor




"v" yerine "w" kullanmayınız lütfen!

Bu konu Disaster tarafından düzenlendi(2007-07-18 13:14, 17 yıl önce)
Bana da lazımdı bu bi forumdan araştırdım şöyle bişey buldum ama fazla anlayamadım ya.Yardım edecek arkadaşlar bekliyorum ''Kanuns'' sen anlarsın belki al bi bak yani ben anlayamadım gene de veriyim.Siz faydalanın...
Ama bu konuda basit bir yöntem bilen arkadaşlar varsa lütfen buradan yardım etsinler bana da ...


Bir Forum...:
Map'ler bir resmin degisik yerlerine tiklandiginda degisik baglarin yuklenmesi veya degisik bir cgi-bin isinin yapilmasi olarak tanimlanir.
Burada kullanacagimiz resmin '.gif' biciminde olmasi gereklidir. Sayfanin icinde bu resmi tanimladigimiz '<img ...' belirtecinin icine bir kac unsur daha ekleyerek ve bir de 'map' (harita) alaninin kisimlarini sekilleriyle birlikte tanimlayarak isimizi bitiririz.

. Resmin betimi:

<img src="filanca.gif" ISMAP usemap="#falanca" width=160 height=100>

ISMAP, resmin bir harita oldugunu.
usemap="..." hangi harita tanimini kullanmasi gerektigini, www gosterici programina soyluyor.

. Haritanin tanimi:

<map name="falanca">
<area shape="rect" coords"1,1,159,50" href="dikdortgen.html">
<area shape="circle" coords="80,100,40" href="daire.html">
<area shape="polyg" coords="10,110,150,110,80,190,9,110" href="ucgen.html">
<area shape="default" nohref>
</map>

name ile belirttigimiz isim '<img ..' icinde usemap="#..." ile kullandigimizin aynisi.
shape belirteci ile dikdortgen, daire, ya da poligon tanimlayabiliyoruz. Dikdortgenin koordinatlarini: X-sol_ust,Y-sol_ust,X-sag_alt,Y-sag_alt biciminde 'coords="..." ' kisminda belirtiyoruz. 'href="..." ' bolumu ise bu dikdortgen alana tiklanildiginda neyin yuklenmesi gerektigini soyluyor.

Cember icin X-merkez,Y-merkez,R-yaricap biciminde koordinat tanimliyoruz.

Poligonu tanimlarken sirayla ker bir kosenin X,Y biciminde koordinatlarini giriyoruz. Dikkat etmemiz gereken husus, poligonun noktalarini saat-yonunde tanimlamamiz gerektigidir. Ayrica poligonu kapamaya da tarayici programlar arasinda uyumsuzluk nedeniyle dikkat etmeliyiz. Yukaridaki ucgen ornegini incelemek aslinda poligon tanimi yapabilmek icin yeterli. Ucgen icin dort nokta kullandik (dorduncu ilkinin dibinde). Ayni zamanda bu ucgenin X,Y betimlemeleri de saat-yonunde girilmis (noktalari kagit uzerinde yaklasik olarak isaretlerseniz bu 'saat-yonu' kavramini daha iyi anlayabilirsiniz).

son olarak da '<area shape="default" nohref>' ile resmin diger bolgelerine tiklanildiginda hic bir sey yapilmamasi gerektigini soyluyoruz.

Evet bir 'map' tanimi icin gerekenler bu kadar.
Macromedia Dreamweaver 'ı indir ordan kolaylıkla yapabilirsin.
Macromedia Dreamweaver ztn var bende.Ama mesela bi tane foto yaptım o fotonun içinde kelimeler var öyle bi ayarlayacağım ki yerleri aynı fotonun her kelimesinde farklı bi link olacak onu yapamadım dreamweaverda açıklayacak bi arkadaş var mı ?
resmi ekle resmin üzerine tıkla altta resmin bilgileri olan kısımda sol altta "Rectangular Hotspot Tool" var ona tıkla ve resmin neresine link vermek istiyorsan oraya çiz gerisini yaparsın artık
Ufak ufak resimlere böl onlara link ver. Kordinatla link verirsen büyük resim geç açılır ve kullanıcıyı zorlar.

Üye Ol veya Giriş Yap

Bu forum başlığına mesaj atmak istiyorsanız hemen üye olun veya giriş yapın.