Sziasztok!
Van egy képem, rajta több felirat szerepel.
Milyen programmal tudom azt megcsinálni, hogy a feliratokra külön-külön beszúrjak egy linket?
Képre link beszúrása
Sziasztok!
Van egy képem, rajta több felirat szerepel.
Milyen programmal tudom azt megcsinálni, hogy a feliratokra külön-külön beszúrjak egy linket?
re: Képre link beszúrása
Szerintem bármelyik szerkesztővel, de Dw-vel biztosra tudom, hogy lehet.
re: Képre link beszúrása
De ha ezért nem akarod megvásárolni a DreamWavert, megcsinálod a forráskódot és kész:
A koordinátákat érteni fogod.HTML kód:<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="venus.htm" alt="Venus"> </map>
re: Képre link beszúrása
Ajánlom figyelmedbe:
w3schools.com
A konkrét példa:
Tryit Editor v1.6
re: Képre link beszúrása
Esetleg egy jó kis próbaverziós Dreamweaver. Nem kell megvásárolni. Azt, ha esetleg megtetszik a progi, kölcsönadom az enyémet, mostanában úgyse használom.lexxx7 eredeti hozzászólása
A konkrét példákat írta Lexxx7 is. Ti biztos értitek koordinátákat, én biztos nem, de szívesen vennék egy tutorialt.
pl. berakok egy micimaci képet WP-be. Szeretnék a szemére egy linket, kört. Melyik adat lenne a kör átmérője és melyik a pozíciója?
re: Képre link beszúrása
Nem bonyolult. Íme egy példa:
Négyzet esetében az első két szám a négyzet bal felső sarkának x és y koordinátája, a másik két szám a jobb alsó sarok x és y koordinátája.HTML kód:<html> <head> <title>Map</title> </head> <body> <img src="mapkep.jpg" width="500" height="400" alt="valami" usemap="#terkeplink"> <map name="terkeplink"> <area shape="rect" coords="242,143,409,205" href="negyzet.htm" alt="négyzet"> <area shape="circle" coords="80,100,56" href="kor.htm" alt="kör"> <area shape="polygon" coords="149,276,215,293,253,247,240,305,300,344,231,325,195,371,206,314" href="poligon.htm" alt="Poligon"> </map> </body> </html>
Körnél: az első két szám a kör középpontjának x és y koordinátája, a harmadik szám a sugár hossza pixelben.
Poligonnál: pedig egyszerűen végigmész a tetszőleges számú ponton (x és y koordináta megadásával), ő pedig a megadott pontok közötti terek bezárja. Így lehet Micimackót is linkké alakítani.
A hozzá tartozó kép:
re: Képre link beszúrása
Dreamweaver alatt hogy lehet megoldani a link beszúrását?
Esetleg egy jó kis próbaverziós Dreamweaver. Nem kell megvásárolni. Azt, ha esetleg megtetszik a progi, kölcsönadom az enyémet, mostanában úgyse használom.
A konkrét példákat írta Lexxx7 is. Ti biztos értitek koordinátákat, én biztos nem, de szívesen vennék egy tutorialt.
pl. berakok egy micimaci képet WP-be. Szeretnék a szemére egy linket, kört. Melyik adat lenne a kör átmérője és melyik a pozíciója?
re: Képre link beszúrása
A képet beteszed egy div-be, utána pedig a linkeket a div-en belül. A div-nek position:relative paramétert adsz, a linkeknek pedig absolute-ot, és máris könnyebben pozícionálod őket a div x és y tengelyén mozogva.
re: Képre link beszúrása
open html / insert image / (properties panel kinyitva) és a képre kattintva, bal alul van Map (Pointer Hotspot Tool, Rectangle Hotspot Tool, stb.
div-be nem muszály rakni
Lexxx7 köszönöm, így már kerek a dolog.
Utoljára módosítva: Plk által : 2012-12-06 13:33
re: Képre link beszúrása
Köszönöm.
Valahogy vissza tudom menteni jpg-be a linkekkel együtt?
Hozzászólás szabályai
Válaszol idézettel
Könyvjelzők