Imagemap Desis coden mit Paint |
Felixx
Mitglied
 

Dabei seit: 30.05.2005
Beiträge: 2.321
Herkunft: Österreich / Wien
 |
|
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
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Felixx: 13.01.2006 13:12.
|
|
13.01.2006 13:02 |
|
|
Felixx
Mitglied
 

Dabei seit: 30.05.2005
Beiträge: 2.321
Herkunft: Österreich / Wien
Themenstarter
 |
|
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
|
|
17.01.2006 16:06 |
|
|
janinchen

It's me!
 

Dabei seit: 24.11.2005
Beiträge: 1.043
Herkunft: Baden-Württemberg
 |
|
also, ich finds gut geschrieben... habs zwar nicht probiert, aber ich denk mit Hilfe von diesem TUT würde ich es schaffen
__________________
|
|
22.01.2006 10:55 |
|
|
Felixx
Mitglied
 

Dabei seit: 30.05.2005
Beiträge: 2.321
Herkunft: Österreich / Wien
Themenstarter
 |
|
danke! Ja, ich hoffe es klappt
lg
lisi
|
|
23.01.2006 21:19 |
|
|
KiiM

Mitglied
 

Dabei seit: 16.02.2005
Beiträge: 3.509
 |
|
danke, hat mir sehr weitergeholfen!
LG Kim
|
|
02.02.2006 14:53 |
|
|
Felixx
Mitglied
 

Dabei seit: 30.05.2005
Beiträge: 2.321
Herkunft: Österreich / Wien
Themenstarter
 |
|
dann ist ja gut
lg
lisi
|
|
02.02.2006 14:57 |
|
|
Nofri

Mitglied
 

Dabei seit: 27.02.2005
Beiträge: 512
Herkunft: Lodi, Californien, USA
 |
|
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
...
__________________
... träume nicht dein Leben ... lebe deinen Traum! ...
|
|
01.03.2006 16:29 |
|
|
Moenchen

Mitglied
 

Dabei seit: 27.06.2005
Beiträge: 309
 |
|
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: |
<html>
<head>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
</head>
<body style="background-image:url(http://foto.arcor-online.net/palb/alben/...63364316536.jpg);background-repeat:no;">
<div id="Layer1" style="position: absolute; left: 306px; top: 342px;">
<iframe src="http://www.1page.ch/cgi-bin/designs/benutzer.cgi?userid=68904652&page=
text&id=07809993" name="frame2" width= 117 height= 267 frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;></div>
</iframe>
</div>
<div id="Layer2" style="position: absolute; left: 440px; top: 169px;">
<iframe src="http://www.1page.ch/cgi-bin/designs/benutzer.cgi?userid=68904652&page=
text&id=16847492" name="frame4" width="560" height="450" 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="1,246,82,35" href="http://www.1page.ch/cgi-bin/designs/benutzer.cgi?page=text&typ=&id=47
111113&userid=68904652&var=" target="frame2">
<area shape=rect coords="1,323,130,35" href="http://www.1page.ch/cgi-bin/designs/benutzer.cgi?page=text&typ=&id=25
810263&userid=68904652&var=" target="frame2">
<area shape=rect coords="1,400,130,35" href="http://www.1page.ch/cgi-bin/designs/benutzer.cgi?page=text&typ=&id=78
907816&userid=68904652&var=" target="frame2"
<area shape=rect coords="1,472,130,40" href="http://www.1page.ch/cgi-bin/designs/benutzer.cgi?page=text&typ=&id=50
987730&userid=68904652&var=" target="frame2">
<area shape=rect coords="1,547,80,35" href="http://www.iphpbb.com/board/index.php?nxu=21361768nx12155" target="_blank">
<area shape=rect coords="1,623,185,40" href="http://www.1page.ch/cgi-bin/designs/benutzer.cgi?page=text&typ=&id=90
436649&userid=68904652&var=" target="frame2">
</map>
</body>
</html> |
Ich hoffe mir/uns kann so schnell wie möglich helfen.....
mlg, Mona
|
|
22.03.2006 16:59 |
|
|
Moenchen

Mitglied
 

Dabei seit: 27.06.2005
Beiträge: 309
 |
|
Habe wieder auf das alte Design umgestellt
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
Mona
|
|
22.03.2006 21:10 |
|
|
VRHpferdeglueck

Kämpferin
 

Dabei seit: 18.11.2005
Beiträge: 1.687
Herkunft: BA-WÜ(RT)
 |
|
hallo ich bin einer der ganz doofen sorte! cih versteh null davon! Verdammt dabei wil ich das auch
|
|
25.03.2006 01:53 |
|
|
fantasia

drecksgem*shi altaaah
 

Dabei seit: 10.09.2005
Beiträge: 730
Herkunft: Wolfsburg
 |
|
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
__________________
|
|
24.06.2006 21:31 |
|
|
katho

stolze DRP-Besitzerin =)
 

Dabei seit: 04.02.2006
Beiträge: 1.433
Herkunft: Oberösterreich Name: Katharina
 |
|
|
17.07.2006 11:50 |
|
|
Melli

i will rest in pieces !!
 

Dabei seit: 28.01.2006
Beiträge: 4.692
Herkunft: DE
 |
|
Nach langem Versuchen hab ich's hinbekommen
DANKE! (;
|
|
27.01.2007 14:03 |
|
|
*Zissi*
. Twilight . <3
 

Dabei seit: 23.08.2006
Beiträge: 1.297
 |
|
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^^
__________________
Wahre Freundschaft kommt am schönsten zur Geltung,
wenn es ringsumher dunkel wird.
Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von *Zissi*: 03.02.2007 16:36.
|
|
03.02.2007 16:14 |
|
|
supaniddel

Mitglied
 

Dabei seit: 11.04.2007
Beiträge: 100
Herkunft: zu Hause
 |
|
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>
|
|
__________________ ...
|
|
14.05.2007 11:54 |
|
|
Verena1993

Mitglied
 

Dabei seit: 06.09.2006
Beiträge: 1.242
 |
|
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
|
|
05.09.2007 00:20 |
|
|
Susanne
Mitglied
 
Dabei seit: 09.02.2005
Beiträge: 2.323
 |
|
hey
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
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Susanne: 25.02.2008 20:37.
|
|
25.02.2008 20:18 |
|
|
-blue-

ehemals Fallen_Angel_02
 

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü
 |
|
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>
|
|
__________________
beEINGme
|
|
02.03.2009 20:28 |
|
|
|
|
 |
Impressum
|