unicorn18
Hallo,
Ich weiß der Titel sagt nicht gerade viel aus, aber ich wusste nicht wie ich es beschreiben soll.
Ich bin derzeit dabei an einer Homepage zu basteln. Design steht, gecodes ist es auch und ich bin derzeit dabei die Seiten zu erstellen.
Ich habe ganz unten auf meinem Design die Wörter Disclaimer & Impressum rein geschrieben. Ich möchte diese gerne verlinken, sodass sie im Mainframe aufgehen.
Ich hatte das bereits einmal bei einem VRH gemacht bekommen. Aber ich habe keine AHnung mehr wie ich es hinbekommen soll. Habe schon im Internet unter Imagemap geschaut und was weiß ich nicht alles. Ich bin mit meinem Latein am Ende, denn ncihts funktoiniert.
Es handelt sich hierbei nicht um ein Bild oder dergleichen. Ich will schlicht und einfach eine Art unsichtbaren Frame auf diese Wörter legen, dass man da drauf klicken kann und sofort im Mainframe der Disclaimer erscheint.
Habe mal mein leeres Design Bild angefügt wo ich ganz unten die Worte drauf geschrieben habe, die ich verlinkt haben möchte.
Danke schonmal
Ich freue mich über jede Antwort!
Daria
Hey
Eigentlich hast du genau richtig gesucht.
Sowas löst man mit einer Imagemap.
Hatte selbst bis vor kurzem keine Erfahrung damit, doch ein einziges Tutorial und ich habe es fehlerlos hinbekommen. Ist an sich auch ganz einfach
Sie dir mal
DIESES TUTORIAL an, damit habe ich alles sofort verstanden. Muss im Code des Design eingebaut werden und schon ist es fertig.
Für noch mehr Fragen stehe ich gerne zur Verfügung
unicorn18
Danke schonmal für den Link.
Ich habe nur immer meine Probleme mit dem Bestimmen der Koordinaten.
Für mein Design bekomm ich das immer super hin, nur dafür nicht :S
x1 = linke obere Ecke, Pixel von links y1 = linke obere Ecke, Pixel von oben
x2 = rechte untere Ecke, Pixel von links
y2 = rechte untere Ecke, Pixel von oben
Wie muss ich das den messen? Muss ich da einfach irgendwo mit der Maus hingehen und Zahlen aufschreiben oder muss ich mit der Maus irgendwohin ziehen?
Sorry wenns bissl verplant klingt, aber das isses auch
Daria
*g* glaub ich dir sogar xD
Ich weiß nicht mit welchem Programm du arbeitest, bei Paint stehts glaub ich unten in der Leiste, bei Photoshop in der Navigation...
Du musst mit der Maus sozusagen auf die obere Linke Ecke des vorgestellten Rechtecks um den Wunschlink fahren und die Koordinaten (von links und von oben) aufschreiben, das gleiche nochmal mit der rechten unteren Ecke des vorgestellten Rechtecks und wieder das gleiche!
Kann dir die Koordinaten sonst auch machen, ist in Minute gemacht
McLissy
Ersteres, mit der Maus auf die linkere obere Ecke zeigen (nicht ziehen) und dann die Zahl davon aufschreiben. das machste an jeder Ecke.
edit: Mit dem Alter mindert sich das Tempo..
Daria
^^ kenn ich
Aber meines Wissens nach macht man das nicht an jeder Ecke, das nur beim Polygon.
Nimmt man als Grundlade das Rechteck braucht man nur linke obere ecke und rechte untere.
Beim Kreis bin ich jetzt leider nicht mehr ganz so schlau, ist in diesem Fall ja aber auch nicht wichtig
unicorn18
oh das wäre total klasse wenn du mir die coords kurz reinschreiben könntest. Zummindest damit ich mal weiß ob ich es richtig mache oder nicht XD
Danke, aber mit frischen 21 sollte es dann doch noch recht flott gehen oder?
Daria
Tada
Disclaimer wäre: 486, 981, 579, 997
Impressum: 611, 981, 707, 997
Jeweils mit wenigen Pixelns Platz zu den Seiten, nach oben und unten
Muss dann nur noch in den ode eingefügt werden.
unicorn18
Denke dir
Nochmal kurz zur Sicherheit... Das wäre dann der Code den ich benutzen müsste... stimmts?
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<p align="center">
<map name="design">
<area shape=rect coords="486, 981, 579, 997" href="disclaimer.html">
<area shape=rect coords="611, 981, 707, 997" href="impressum.html">
</map>
<img src="layout1" usemap="#design" border=0> |
|
der mapname, ist der wichtig oder ist es egal wie ich den nenne?
Und noch eine Frage kurz, ich bau das ja in meine Index Seite ein. Da habe ich oben ja bereits das Layout stehen, bleibt es da oder muss ich das dann raus nehmen?
Daria
Der Code ist soweit richtig. Ich würde allerdings jeweils in den 'area' teil noch das 'target="main"' einfügen, beziehungsweise wie dein hauptframe heißt
Name der Map ist egal, solange der Mapname und die Angabe bei Bild übereinstimmen.
Du hast ja den Code des Designs, also den wo das Bild festgehalten ist und die ganzen einzelnen Frames etc.
Da musst du eigentlich nur dieses
| code: |
1:
|
usemap="#design" |
|
bei deinem Bild eintragen und den gesamten Mapteil hinzufügen, ob davor oder dahinter spielt eigentlich keine große Rolle.
Dann müsste das alles funktionieren
unicorn18
Okay... aber...
sorry wenn ich langsam nerve, vielleicht liegt es an der Uhrzeit das mein Kopf nicht mehr wirklcih verstehen will... Ich kopier einfach mal meinen gesamten Code hinein, denn ich verstehe immer noch nicht wo ich das einfügen soll.
| 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:
52:
53:
54:
55:
56:
57:
58:
|
<html>
<head>
<title>Allstar Family Radio</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="yes">
<img border="0" src="layout3mitschrift.png" style="position: absolute; left: 0px; top: 0px;">
<body style="background-image:url(bg.png);background-repeat:yes;">
<p align="center">
<map name="design">
<area shape=rect coords="486, 981, 579, 997" href="disclaimer.html">
<area shape=rect coords="611, 981, 707, 997" href="impressum.html">
</map>
<img src="layout1" usemap="#design" border=0>
<div id="news" style="position: absolute; left: 165px; top: 348px;">
<iframe src="news.html" name="news" width="900" height="22" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="main" style="position: absolute; left: 370px; top: 423px;">
<iframe src="home.html" name="main" width="490" height="710" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#B5B5B5)" ;>
</iframe>
</div>
<div id="navi" style="position: absolute; left: 175px; top: 415px;">
<iframe src="navi.html" name="navi" width="160" height="282" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="vote" style="position: absolute; left: 175px; top: 795px;">
<iframe src="vote.html" name="vote" width="165" height="100" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="kalender" style="position: absolute; left: 175px; top: 970px;">
<iframe src="kalender.html" name="kalender" width="164" height="170" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="streambox" style="position: absolute; left: 890px; top: 415px;">
<iframe src="streambox.html" name="streambox" width="165" height="330" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="shoutbox" style="position: absolute; left: 890px; top: 797px;">
<iframe src="shoutbox.html" name="shoutbox" width="164" height="287" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html> |
|
Daria
Du nervst nicht, ganz sicher nicht
Ich kanns diese Verwirrung verstehen, außerdem war ich noch nie gut im erklären *g*
| code: |
1:
2:
|
<img src="layout1" usemap="#design" border=0>
|
|
Der Teil muss da weg.
Du musst den oberen IMGteil:
| code: |
1:
2:
|
<img border="0" src="layout3mitschrift.png" style="position: absolute; left: 0px; top: 0px;">
|
|
So verändern:
| code: |
1:
2:
|
<img border="0" src="layout3mitschrift.png" style="position: absolute; left: 0px; top: 0px;" usemap="#design">
|
|
Und dann noch folgendes bei den AREAdingern
| code: |
1:
2:
3:
|
<area shape=rect coords="486, 981, 579, 997" href="disclaimer.html" target="main">
<area shape=rect coords="611, 981, 707, 997" href="impressum.html" target="main">
|
|
unicorn18
JAAAAAAAAA ich könnt dich abknutschen
Oh man, jetzt verzweifel ich tagelang an diesem Mist und versuch dutzende Sachen und jetzt... Oh man bin ich froh das ich GB und euch habe ^^ Ich wäre sonst verloren.
Ich danke dir tausendmal, es hat geklappt
Daria
Na das freut mich doch riesig
Hab ich meine gute Tat für heute getan *smile*
Und kann mich jetzt beruhigt schlafen legen
Viel Spaß noch.
unicorn18
danke, hab ich gestern auch ^^ War total kaputt. Das probieren hat mich echt geschafft XD
Danke nochmal