Gegen Bilderklau - Das Original | Druckvorschau: Imagemaps - es kann jeder (erklärt mit PI)

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Archive (https://www.gegen-bilderklau.net/board.php?boardid=73)
--- Archiv (https://www.gegen-bilderklau.net/board.php?boardid=62)
---- Alte Tutorials (https://www.gegen-bilderklau.net/board.php?boardid=64)
----- Imagemaps - es kann jeder (erklärt mit PI) (https://www.gegen-bilderklau.net/thread.php?threadid=31647)

Geschrieben von Soraya am 19.11.2005 um 09:24:

Hey Soso!

Das wär super wenn du es erklären würdest großes Grinsen

Bitte tu das *hoff* xD

Lg
Soraya

Geschrieben von Kleiner Engel am 03.01.2006 um 17:32:

*hochschieb*

Danke..hat mir echt weitergeholfen, obwohl ich es mit PSP 8 gemacht habe. ^^

Geschrieben von sweet araber am 03.01.2006 um 18:43:

kann man die auch mit paint coden?wenn ja wie??
lg sa

Geschrieben von Kleiner Engel am 03.01.2006 um 19:05:

²sweet araber: Man kann auch in Paint coden ^^ Ich habe es auch erst jetzt herausgefunden..Ich bevorzuge jedoch PSP.

Geschrieben von sweet araber am 03.01.2006 um 19:46:

und wie geht das???so ähnlich?
lg sa

Geschrieben von Kleiner Engel am 03.01.2006 um 20:07:

ja..ich erkläre es dir morgen..Muss jetzt nämlich gehen ^^

Geschrieben von sweet araber am 03.01.2006 um 20:22:

okay!danke fürs erklären schonmal fröhlich

lg sa

Geschrieben von Kleiner Engel am 04.01.2006 um 13:41:

Imagemap mithilfe von Paint coden

#1 Lese dir das Tutorial von Soso auf der ersten Seite vor.
#2 Um im Paint die Punkte x1, y1, x2 und y2 herauszubekommen, nehme dir die Auswahlfunktion (oben rechts) und fahre damit in die linke obere Ecke von deinem gewünschten Imagemap. Unten rechts stehen jetzt zwei Zahlen (Screen)

Das sind x1 und y1. Jetzt fahre mit dem 'Kreuz' der Auswahlfunktion in die gegenüberliegende Ecke (unten rechts). Unten links stehen wieder zwei Zahlen, die x2 und y2 sind.

#3 Nehme dir jetzt diesen HTML Code und setzte anstatt x1, y1, x2 und y2 deine Zahlen ein.

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:

 <html>

<body link="#000000" alink="#000000" vlink="#000000">
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>

<p align="center">

<map name="Mutterschaftsboxen">

<area shape=rect coords="x1,y1,x2,y2" href="isabella.html">

</map>
<img src="mutterschaftsboxena.jpg" usemap="#Mutterschaftsboxen" border=0>

</body>
</html>

In meinem Beispiel würde das dann so aussehen:

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:

 <html>

<body link="#000000" alink="#000000" vlink="#000000">
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>

<p align="center">

<map name="Reiterhoflink">

<area shape=rect coords="7,176,87,196" href="reiterhof.html">

</map>
<img src="http://www.abc.jpg" usemap="#Reiterhoflink" border=0>

</body>
</html>

Geschrieben von sweet araber am 04.01.2006 um 13:45:

gilt dass denn auch für designs???kannst du mir vll ein bespielcode für designs geben?wo dann steht 'hier muss x1 rein' etc.????
lg sa

und was sind diese 'mutterschatfsboxen`?kommt dann bei mir etwas anderes rein??

Geschrieben von Kleiner Engel am 04.01.2006 um 13:58:

²sweet araber: Wie das bei Designs geht, weiß ich nicht. Mutterschaftsboxen ist nur ein Beispiel. Dort schreibst du einfach den Namen von deinem Bild hinein.

Geschrieben von sweet araber am 04.01.2006 um 15:38:

ich dachte die ganze zeit das wäre auch für designs!??
lg sa

Geschrieben von Black Butterfly am 05.01.2006 um 16:50:

RE: Imagemaps - es kann jeder (erklärt mit PI)

Zitat:

Original von Soso
Ps. Bis jetzt weiß ich noch nicht wies bei Desis geht Augenzwinkern

Wer Lesen kann, ist klar im Vorteil.

Geschrieben von Sunnyglade am 05.01.2006 um 21:55:

RE: Imagemaps - es kann jeder (erklärt mit PI)

Zitat:

Original von Black Butterfly

Zitat:

Original von Soso
Ps. Bis jetzt weiß ich noch nicht wies bei Desis geht Augenzwinkern

Wer Lesen kann, ist klar im Vorteil.

Du kannst es auch auch Designs übertragen, man muss halt nur noch ein target=... in den Link mit einarbeiten... Aber wenn man HTML Editoren wie Namo WebEditor, Frontpage usw. hat, geht das mit dem Imagemap h einfacher x]

Geschrieben von skateboard am 23.01.2007 um 18:17:

Tolles Tut (;
Habe nur ein keines Problem...^^

DIe Koordinaten stimmen alle, habe ich mehrere male nach geguckt in versch. Programmen.. aber naja.^^

Wäre nett wenn man jemand schauen kann (:
Der 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:

<html>

<body bgcolor="#131313" link="#000000" alink="#000000" vlink="#000000">
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
>

 <div align="center">

<map name="Enter the last words">

<area shape=rect coords="69,385,297,66" href="http://evaslife.ev.funpic.de/table/Code4.html">
<area shape=rect coords="425,398,254,61" href="http://evaslife.ev.funpic.de/table/blub.html">

</map>
<img src="http://evaslife.ev.funpic.de/table/Enter.jpg" usemap="#Enter the last words" border=0>
  </div>
</body>
</html>

Geschrieben von Rebi am 12.08.2007 um 12:10:

Bei mir klappt es nicht. Könnte es mir vielleicht noch einmal jemand erklären. Das mit den Koordinaten stimmt einfach immer nicht.

Geschrieben von Nicki2110 am 25.08.2007 um 15:56:

Bei mir auch nicht, es wäre praktisch wenn es Screens geben würde Augenzwinkern

Geschrieben von Amazonia am 06.04.2010 um 15:41:

yay, trotz dem, dass das Tutorial schon recht alt ist, hat es geklappt xD und ich bin davor fast an diesem Mist verzweifelt^^

Geschrieben von Flying Banana am 09.04.2010 um 22:32:

funktioniert nich großes Grinsen

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

<html>

<body>

<p align="center">

<map name="buchladen">
 	

<area shape=rect coords="124,66,9,39" href="http://pzlirane.bplaced.com/shop/buchladen.php">


</map>
<img src="http://pzlirane.bplaced.com/shop/stadtplanbeschriftet.jpg" usemap="#buchladen"
</body>
</html>

kann nichts anklicken.