Gegen Bilderklau - Das Original | Druckvorschau: Imagemap coden mit Paint

Geschrieben von Hrannar am 01.11.2006 um 11:44:

Hallo, ist super erklärt blos mit diesen Coords hab ich nocht so wirklich gecheckt welche Zahl ich da als erstes nehmen soll, oder wie:

hier mal der code:

<html>

<body>

<p align="center">

<map name="Forum">

<area shape=Viereck (rect,circle,polygon) coords="473,191,70,24" href="Addy v. Forum">

</map>
<img src="Addy des Bildes" usemap="#Forum border=0>

</body>
</html>

für das design (hab zum Probieren schnell mal eins im Paint hingeklatscht *lol*)

Geschrieben von Mila am 13.11.2006 um 20:33:

Hallo auch!
Ich habe eigentlich auch alles bis auf die Sache mit den Coords verstanden. Wenn ich von der linken oberen Ecke einmal nach unten ein Feld aufspanne und einmal nach oben, hab ich doch total unterschiedliche Felder. Könnte das vielleicht noch mal einer erklären?
Wäre euch sehr dankbar

Geschrieben von Mila am 14.11.2006 um 17:15:

So, für alle die das gleiche Problem hatten wie ich, eine Erklärung wie man die Coords bestimmt:

Um die ersten beiden Zahlen zu bestimmen musst man auf den linken, oberen Punkt des Rechtecks klicken.
Die Zahl die dann unten angezeigt wird sieht ja dann so aus:
???,??
Die Ziffern vor dem Komma sind die erste Zahl, die hinterm Komma die zweite.
Nach dem gleichen Prinzip bestimmt ihr auch die anderen beiden Zahlen. Dafür müsst ihr in die rechte, untere Ecke klicken und euch die Koordinaten aufschreiben.
Die Ziffern vor dem Komma sind dann die 3. Zahl und die hinterm Komma die 4.

Hoffe das ist so richtig. Bei mir hats auf jeden Fall geklappt!

Geschrieben von supaniddel am 12.05.2007 um 14:09:

ich bin da zu blöd für... bei passiert gar nix^^
In meinem Design soll man auf Allgemin, Für Gäste etc klicken können und dann öffnet sich ein Untermnü...
Da passiert aber nix... ich kann nix anklicken. Hab's erst mit einer Auswahlmöglichkeit probiert... aber das funzt nicht.
Hier mein code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:

<html>
<style>
body { scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-shadow-color: #FFffFF;
 scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFffFF;
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Der Lohof</title>
</head>

<body bgcolor="#ffffff" topmargin="0" leftmargin="0"scroll="no">

<img border="0" src="http://derlohof.de.funpic.de/Design/desi.jpg" align="center">
<div id="Layer1" style="position: absolute; left: 324px; top: 188px;">
<iframe src="http://derlohof.de.funpic.de/Willkommen.html" name="main" width="668"
 height="348" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#FFffFF)" ;>
</iframe>
</div>
<div id="Layer1" style="position: absolute; left: 21px; top: 344px;">
<iframe src=" http://derlohof.de.funpic.de/menue.html" name="frame1" width="242" 
height="242" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#FFffFF)" ;>
</iframe>
</div>


<p align="center">

<map name="Design">

<area shape=rect coords="357,158,451,186" href="http://derlohof.de.funpic.de/menue.html"target=frame1">
>

</map>
<img src="http://derlohof.de.funpic.de/Design/desi.jpg" usemap="Design" border=0>


</body>

</html>

Geschrieben von **Christine** am 22.05.2007 um 21:15:

Was iust falsch. Ich habs so verstanden:

So wieht es aus: http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally.html

Das ist mein Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Jasmin">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE>Sally</TITLE>
</HEAD>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<IMG NAME="design0" SRC="http://cheva.ch.funpic.de/Stecki1.jpg" WIDTH="1024" HEIGHT="768" BORDER="0" USEMAP="#design">

<div id="Layer1" style="position: absolute; left:228px; top: 203px;">
<iframe src="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_allgemeines.html" name="main" width="1603" height="1496" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<p align="center">

<map name="Sally">
<area shape=rect (rect,circle,polygon) coords="1709,2000,1709,2000" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_allgemeines.html target=main">
<area shape=rect (rect,circle,polygon) coords="1709,1950,1709,1950" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_koennen.html target=main">
<area shape=rect (rect,circle,polygon) coords="2041,2416,2041,2416" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_charakter.html target=main">
<area shape=rect (rect,circle,polygon) coords="1991,2338,1991,2338" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_hsundta.html target=main">
<area shape=rect (rect,circle,polygon) coords="1706,1948,1706,1948" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_zucht.html target=main">
<area shape=rect (rect,circle,polygon) coords="2406,2406,2094,2406" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_fotoalbum.html target=main">
<area shape=rect (rect,circle,polygon) coords="1938,2216,1938,2216" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_rechtliches.html target=main">

</map>
<img src="http://cheva.ch.funpic.de/Stecki1.jpg" usemap="#Sally border=0>


</BODY>
</HTML>

Kannst du das was falsch ist vielleicht verbessern?

Geschrieben von franzi93 am 25.06.2007 um 20:07:

mhm immer kommt "not found"

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Laura">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE> </TITLE>
</HEAD>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<IMG NAME="design0" SRC=" http://img260.imageshack.us/img260/5166/49868128tt1.jpg" WIDTH="1024" HEIGHT="768" BORDER="0" USEMAP="#design">

<div id="Layer1" style="position: absolute; left: 241px; top: 184px;">
<iframe src="main.html" name="main" width="150 height="530" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 33px; top: 184px;">
<iframe src="menu.html" name="menu" width="159" height="530" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<html>

<body>

<p align="center">

<map name="MusterPferde">

<area shape=reck coords="35,128,161,146 " href= http://sunnyflower.oyla17.de/cgi-bin/hpm_homepage.cgi ">

</map>
<img src=" http://img260.imageshack.us/img260/5166/49868128tt1.jpg " usemap="#Muster” border=0>

</body>
</html>

Geschrieben von Ponyhof am 04.07.2007 um 18:55:

Geht nicht...
Im Internet Explorer steht dann da immer: <img src="http://home.arcor.de/ponyhoflysingur/pictures/des_042.jpg" usemap="#Menu border=0> und die Frames sind falsch.

Bei Mozilla kommt das Design dann zweimal und die Frames sind falsch, genauso wie die Imagemaps.

Also, bei mir funktionierte das eigentlich immer, allerdings heute funktioniert gar nichts mehr -.-

MfG;
Ponyhof

Geschrieben von franzi93 am 08.07.2007 um 21:59:

und ich bin immer noch nicht weiter... oh hilfe... Teufel

Geschrieben von Freches Möhrchen am 07.09.2007 um 15:50:

Hallo ihr, kann mir vllt bitte jemand sagen was an diesem Code falsch ist?

<html>

<body>

<p align="center">

<map name="Entermap">

<area shape=rect coords="245,261,126,56" href="http://horsefever.oyla19.de/cgi-bin/hpm_homepage.cgi?skip=42638910|||
horsefever">

</map>
<img src="http://www.bilder-hochladen.net/files/2nyj-k-jpg-nb.html" usemap="#Entermap" border=0>

</body>
</html>

Geschrieben von Maite am 03.12.2007 um 19:17:

Was ist den bei meinen Code falsch?
<html>

<body>

<p align="center">

<map name="Hofplan">

<area shape=Viereck coords="145x108,147x107,145x101,145x107" href="Hofplan.html">

</map>
<img src="http://img152.imageshack.us/img152/7465/planmaitefn6.jpg" usemap="#Hofplan" border=0>

</body>
</html>

Geschrieben von Hannah am 08.01.2009 um 22:06:

Zitat:

Original von Mila
So, für alle die das gleiche Problem hatten wie ich, eine Erklärung wie man die Coords bestimmt:

Um die ersten beiden Zahlen zu bestimmen musst man auf den linken, oberen Punkt des Rechtecks klicken.
Die Zahl die dann unten angezeigt wird sieht ja dann so aus:
???,??
Die Ziffern vor dem Komma sind die erste Zahl, die hinterm Komma die zweite.
Nach dem gleichen Prinzip bestimmt ihr auch die anderen beiden Zahlen. Dafür müsst ihr in die rechte, untere Ecke klicken und euch die Koordinaten aufschreiben.
Die Ziffern vor dem Komma sind dann die 3. Zahl und die hinterm Komma die 4.

Hoffe das ist so richtig. Bei mir hats auf jeden Fall geklappt!

Ich danke dir!!!!!!!!!!!
JETZT hat's endlich geklappt bei mir. (:

Geschrieben von kleine-Araberstute am 27.12.2009 um 02:59:

Ich bin etwas sauer, weil dieses TUT voller Fehler steckt. Zudem ist es im Zusammenhang mit den Designs coden so nicht verständlich - ich habe jetzt eine gesammelte Stunde gebraucht, um mein Imagemap-Design zu coden und habe langsam Fehler für Fehler rausgesucht und verbessert.
Man sollte überlegen, ob man nicht vielleicht ein neues, fehlerfreies und verständliches TUT macht (zudem auch noch die Screen-Angaben falsch waren!)

Geschrieben von BabyHanah am 28.07.2010 um 11:32:

erledigt

Geschrieben von Gretchen12 am 11.06.2012 um 22:40:

also ich hab keine Ahnung wie man die Koords findet :/ kann das jemand ders verstanden hat vlt. nochmal erklären? hock auch schon seit ner st. da und versuch alles aus unglücklich

Geschrieben von Nanni am 12.06.2012 um 00:28:

Wenn du in Paint eine Datei öffnest und mit der Maus herum fährst, hast du rechts unten zwei Zahlen (88, 67 zB), die sich ständig ändern. Das sind die Koordinaten, wo dein Pfeil gerade ist; 88 ist die Entfernung von der linken Bildrand, 67 die vom oberen Rand.
Wenn du die zwei Zahlen hast, suchst du bei den Symbolen links das gestrichelte Rechteck - gleich in der ersten Zeile. Das wählst du aus, gehst mit dem Pfeil wieder zu den Koordinaten, die du vorher ausgesucht hast, und ziehst dann (mit linke Maustaste gedrückt halten) ein Viereck und dabei bemerkst du neben den Koordinaten von vorhin noch zwei (100x450 zb). Das sind die 100 wieder die Breite (also die Zahl von links aus gerechnet), die 450 die Länge (die Zahl von oben aus gerechnet).

Hoffe, das hilft dir (:

Geschrieben von Gretchen12 am 12.06.2012 um 11:48:

Irgendwie hab ich jetzt an 2 verschiedenen Stellen ein Link oO und viel zu weit oben,
dabei ich hab mein Main mit en gleichen Koordinaten gecodet, und das ist nicht versetzt (also halt natürlich anderen Koords aber halt vom prinzip her gleich)
der Code mit den Koordinaten sieht so aus:

code:
1:	<area shape="rect" target="main" coords="46,220,50,22" href="meinehome seite.html">

also sprich 46 vom linken rand weg, 220 von oben weg, 50breit und 22hoch