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

Geschrieben von Felixx am 13.01.2006 um 13:02:

Imagemap Desis coden mit Paint

Joa, ist eigentlich wie Imagemap coden und desis coden zusammen geschachtelt.

Als erstes, macht ihr mal diesen Tut und codet hier mit mal das desi ohne Imagemap. Dazu fügt ihr dann noch den code fürs Imagemap ein und zwar an folgender Stelle:

Dieser code ist schon ausgefüllt und nicht weiterzuverwenden!!!

<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://foto.arcor-online.net/palb/alben/64/4352964/1024_34633834353130
39.jpg" WIDTH="1024" HEIGHT="768" BORDER="0" USEMAP="#design">

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

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

hier kommt es hin

</BODY>
</HTML>

Dahinein schreibt ihr dann die sachen aus diesem Tut, jedoch mit ein paar änderungen:

bei <area shape=??? (rect,circle,polygon) coords="?,?,?,?" href="???.html"> muss noch target=name des frames in dem sich die seite öffnen soll.html hinzugefügt werden.
Also zum beispiel: <area shape=??? (rect,circle,polygon) coords="?,?,?,?" href="???.html target=menu.html">
Das bild ist natürlich das desi

ich hoffe es hat geklappt. bei fragen oder problemen bitte hierher oder per PN an mich

lg
lisi

Geschrieben von Felixx am 17.01.2006 um 16:06:

ist es so schlecht, oder was? Wenn ja, dann sagt mal wenigstens was euch stört, weil es gab den wunsch nach so einem thema und jetzt sagt niemand was dazu.

lg
lisi

Geschrieben von janinchen am 22.01.2006 um 10:55:

also, ich finds gut geschrieben... habs zwar nicht probiert, aber ich denk mit Hilfe von diesem TUT würde ich es schaffen smile

Geschrieben von Felixx am 23.01.2006 um 21:19:

danke! Ja, ich hoffe es klappt

lg
lisi

Geschrieben von KiiM am 02.02.2006 um 14:53:

danke, hat mir sehr weitergeholfen!

LG Kim

Geschrieben von Felixx am 02.02.2006 um 14:57:

dann ist ja gut smile

lg
lisi

Geschrieben von Nofri am 01.03.2006 um 16:29:

Is gut erklärt, ich habe auc alles verstanden, aber es funktioniert trotzdem nicht.
Habe meinen Code hier reingestellt:
Was ist an diesem Code (Desi -> Imegemap) falsch?
Vll kannst du mirja weiterhelfen, ich weiß nämlich wirklich nicht mehr, woran es liegt unglücklich

...

Geschrieben von Moenchen am 22.03.2006 um 16:59:

Ich habe wohl auch ein problem...
Ich kann mir nicht erklären was auf meiner Ranch *klick*
falsch sein soll...
ALso der Code dazu ist:

Zitat:

Ich hoffe mir/uns kann so schnell wie möglich helfen.....

mlg, Mona

Geschrieben von Moenchen am 22.03.2006 um 21:10:

Habe wieder auf das alte Design umgestellt Augenzwinkern

Bei dem anderen (ich kanns gerne nochmal einbauen, wenn du es dir so ansehen möchtest) funktioniert das Imagemap nicht...also die Links funktionieren gar nicht Augen rollen

Mona

Geschrieben von VRHpferdeglueck am 25.03.2006 um 01:53:

hallo ich bin einer der ganz doofen sorte! cih versteh null davon! Verdammt dabei wil ich das auch böse

Geschrieben von Melli am 28.03.2006 um 14:23:

-

Geschrieben von Felixx am 05.05.2006 um 13:51:

da hast du erlich gesagt sher viel falsch/weggelassen. Kannst du mir mal das Bild (Design) geben? Dann mach ichs von mir aus, denn ich glaub das geht schneller!

Geschrieben von fantasia am 24.06.2006 um 21:31:

Mhhhh...Bitte für mich auch nochmal....! Ich hab eig. alles vertsanden, auch wie das mit den Koordinaten geht, aber ich versteh nicht, wie ich das genau eintragen muss...!
Vielleicht kannste mal ein Beispiel geben, wie man dass eintragen könnte!
Fang dann mal ab

<area shape........

an!

Wäre ur nett....*thx*

Aber sonst echt gutes Tutorial *lol*

LG R!ke

Geschrieben von katho am 17.07.2006 um 11:50:

ich check das net mit dem Imagemap, mit den coords...
kannst du mir das bitte machen? sind "nur" 5.
die URL zum Desi:
http://callyhara.kilu2.de/grafics/desis/desi1.jpg
nur die coords, den rest kann ich...

lg
katho

Geschrieben von Melli am 27.01.2007 um 14:03:

Nach langem Versuchen hab ich's hinbekommen fröhlich

DANKE! (;

Geschrieben von *Zissi* am 03.02.2007 um 16:14:

also bei mir sind da dann keine Links... denke ich habe es an der falschen Stelle eingetragen, aber dem Beispiel zu folge ist es richtig?! O.o +oimks+

EDIT: (macht da der Anbieter nen Unterschied? Ich bin bei Oyla, und habe mein Design anders gecodet als du das Beispiel, aber das Design an sich geht ja...)

soooo... das sieht da nun *so* aus...

der Code ist so:

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:
49:
50:
51:

<html>
                                     
                                     
                                     <head>
                                     <style type=text/css>
                                     <!--
                                     body { scrollbar-face-color: #8383FF;
                                     scrollbar-highlight-color: #8383FF;
                                     scrollbar-3dlight-color: #000000;
                                     scrollbar-darkshadow-color: #8383FF;
                                     scrollbar-shadow-color: #000000;
                                     scrollbar-arrow-color: #000000;
                                     scrollbar-track-color: #8383FF;}
                                     -->
                                     </style>
                                     </head> 
                                     <body background="http://www.oyla10.de/userdaten/31960834/bilder/grgrg.jpg"> <div id="Layer1" style="position: absolute; left: 285px; top: 254px;">
                                     <iframe src="http://www.oyla10.de/cgi-bin/designs/standard1/index.cgi?page=text&id=73502575&userid=31960834" name="main" width="656" height="465" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#FFFFFF)" ;> 
                                     </iframe>
                                     </div>
                                     
                                     <div id="Layer1" style="position: absolute; left: 45px; top: 244px;">
                                     <iframe src="http://www.oyla10.de/cgi-bin/designs/standard1/index.cgi?page=text&id=349199861164381839&userid=31960834" name="menue" width="152" height="221" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#FFFFFF)" ;>
                                     </iframe>
                                     </div>
                                   
            
             
             <map name="Menü Punkt eins">
             
             <area shape=rect coords="121,169,232,198" href="http://www.oyla10.de/cgi-bin/designs/standard1/index.cgi?page=text&id=450734891163875965&userid=31960834" target=main>
             
             <area shape=rect coords="260,169,371,198" href="Adresse des zweiten Menülinks" target=main>
             
             <area shape=rect coords="400,169,513,198" href="Adresse des dritten Menülinks" target=main.html>
             
             <area shape=rect coords="540,169,653,198" href="Adresse des vierten Menülinks" target=main.html>
             
             <area shape=rect coords="679,169,791,198" href="Adresse des fünften Menülinks" target=main.html>
             
             <area shape=rect coords="819,169,932,198" href="Adresse des sechsten Menülinks" target=main.html>
             
             <area shape=rect coords="32,493,230,512" href="http://www.x.com" target=_blank>
             
             <area shape=rect coords="673,122,870,142" href="http://sabiduria.oyla24.de" target=_blank>
             </map>
             <img src="http://www.oyla10.de/userdaten/31960834/bilder/grgrg.jpg" usemap="#Menü Punkt eins border=0>
             
             </body>
             </html>

ich habe erst ein Imagemap ausgefüllt, und das Design ist noch nicht beschriftet, nicht wundern, aber das kommt ja alles noch, wollte erst gucken was ich denn für ein Design mache...

ohne das Imagemap passt das Design übrigens auch... und die Frames sind normal auch nicht verschoben^^

Geschrieben von supaniddel am 14.05.2007 um 11:54:

bei ir funzt nix... ich habs jetzt erstmal mit einem ersucht, aber ich kann nix anklicken...
Hier mal der Code...
Ich bin da i-wie zu blöd für... kann mir jemand bitte jemand helfen?

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:

<html>
<head>
<STYLE type="text/css">
<!--
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>
<body style="background-image:url(http://derlohof.de.funpic.de/Design/design.jpg);background-repeat:no;">

<div id="Layer1" style="position: absolute; left: 106px; top: 188px;">
<iframe src="http://derlohof.de.funpic.de/Willkommen.html" name="main" width= "598" height= "381" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;></div>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 767px; top: 352px;">
<iframe src="http://derlohof.de.funpic.de/menue.html" name="frame2" width="182" height="218" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;></div>
</iframe>
</div>
<p align="center">
<map name="Design">

<area shape=rect coords="59,162,156,186" href="http://derlohof.de.funpic.de/menue.html" target="frame2">


</map>
</body>
</html>

Geschrieben von Verena1993 am 05.09.2007 um 00:20:

Hey Leudä
ich hab raus wies funzt
bei allen wos nicht klappt:

ich müsst des wo im Desi code als hg angegeben ist, diesen Tag ganz rauslöschen und da wo steht <p align="center"> müsst ihr anstatt center left eintragen dann funzts problemlos

Geschrieben von Susanne am 25.02.2008 um 20:18:

hey fröhlich

also vom Prinzip her hab ichs verstanden, danke!

Allerdings klappt es nicht. Das heißt, es klappt nicht, wenn die Map "left" ist, also wenn vor dem Code für die Imagemap steht "div align="left"".

Eigentlich klappt es auch nicht, wenn da "center" steht, aber bei letzterem sieht man, dass die eigentliche Map zentriert ist, obendrüber aber noch mal das (ansonsten gecodete) design ohne map liegt...

kompliziertes problem XD
So siehts aus:

"div align=left"
"div align=center"

Und 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:

<html>
<head>
<title>Privatstall Lohrbach</title>
</head>
<body>


<div id="HG" style="position: absolute; top: 0px; left: 0px;"><img
 src="http://img256.imageshack.us/img256/8548/lay2di0.jpg"
 height="600" width="800"></div>

<div id="Frame"
 style="position: absolute; top: 151px; left: 130px;"><iframe
 src="http://eldoro.el.funpic.de/blubb.html" name="untermenue"
 frameborder="0" height="31" scrolling="auto"
 width="665"></iframe></div>

<div id="Frame"
 style="position: absolute; top: 191px; left: 3px;"><iframe
 src="http://eldoro.el.funpic.de/blubb.html" name="main"
 frameborder="0" height="405" scrolling="auto"
 width="793"></iframe></div>

<p align="center">

<map name="design">

<area shape="rect" coords="631,9,748,47" href="http://eldoro.el.funpic.de/test.html" target="main">

<area shape="rect" coords="529,69,662,107" href="http://eldoro.el.funpic.de/test.html" target="main">

<area shape="rect" coords="723,72?,789,103" href="http://eldoro.el.funpic.de/test.html" target="main">

</map>
<img src="http://img256.imageshack.us/img256/8548/lay2di0.jpg" usemap="#design" border=0>


</body>
</html>

geändert ist jeweils nur der div-tag.

Was hab ich falsch gemacht? oO

Geschrieben von -blue- am 02.03.2009 um 20:28:

Bei mir gibts iwie nichts zum anklicken =( ist irgendwas falsch?

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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1"
 http-equiv="Content-Type">
  <title>http://espoir.es.funpic.de</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#333333" link="#000000" vlink="#000000">
<img src="http://espoir.es.funpic.de/newdesign1%20%282%29.jpg"
 border="0">
<map name="design">
<area shape="rect" coords="327,130,428,163"
 href="http://espoir.es.funpic.de" target="main">
<area shape="rect" coords="441,137,580,166"
 href="http://espoir.es.funpic.de/testseite.html" target="main">
</map>
<div style="position: absolute; left: 72px; top: 183px;"><iframe
 src="untermenu.html" name="untermenu" frameborder="0"
 height="188" scrolling="no" width="130"></iframe></div>
<div id="Layer1"
 style="position: absolute; left: 344px; top: 190px;"><big><big><iframe
 src="http://espoir.es.funpic.de/welcome.html" name="main"
 noresize="" style="border: 0px none ;" ;=""
 frameborder="0" height="472" scrolling="yes"
 width="538"> </iframe></big></big></div>
</body>
</html>