Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Verlinken auf Design » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Verlinken auf Design
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
unicorn18 unicorn18 ist weiblich
Mitglied


images/avatars/avatar-12318.jpg

Dabei seit: 10.10.2007
Beiträge: 516

Verlinken auf Design Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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!

Dateianhang:
png layout.png (1,09 MB, 143 mal heruntergeladen)


__________________
"Und so verliebte sich der Löwe in das Lamm."
"Was für ein dummes Lamm"
"Was für ein abartiger, masochistischer Löwe"

02.06.2010 00:04 unicorn18 ist offline E-Mail an unicorn18 senden Beiträge von unicorn18 suchen Nehmen Sie unicorn18 in Ihre Freundesliste auf
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hey smile

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 smile

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 smile

__________________

02.06.2010 00:41 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
unicorn18 unicorn18 ist weiblich
Mitglied


images/avatars/avatar-12318.jpg

Dabei seit: 10.10.2007
Beiträge: 516

Themenstarter Thema begonnen von unicorn18
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 Augenzwinkern

__________________
"Und so verliebte sich der Löwe in das Lamm."
"Was für ein dummes Lamm"
"Was für ein abartiger, masochistischer Löwe"

02.06.2010 01:11 unicorn18 ist offline E-Mail an unicorn18 senden Beiträge von unicorn18 suchen Nehmen Sie unicorn18 in Ihre Freundesliste auf
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

*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 smile

__________________

02.06.2010 01:17 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
McLissy
Kein Mitglied


Dabei seit: 15.03.2006
Beiträge: 13.916

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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..

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von McLissy: 02.06.2010 01:18.

02.06.2010 01:18 McLissy ist offline Beiträge von McLissy suchen Nehmen Sie McLissy in Ihre Freundesliste auf
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

^^ kenn ich Augenzwinkern


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 smile

__________________

02.06.2010 01:20 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
unicorn18 unicorn18 ist weiblich
Mitglied


images/avatars/avatar-12318.jpg

Dabei seit: 10.10.2007
Beiträge: 516

Themenstarter Thema begonnen von unicorn18
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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? Zunge raus

__________________
"Und so verliebte sich der Löwe in das Lamm."
"Was für ein dummes Lamm"
"Was für ein abartiger, masochistischer Löwe"

02.06.2010 01:20 unicorn18 ist offline E-Mail an unicorn18 senden Beiträge von unicorn18 suchen Nehmen Sie unicorn18 in Ihre Freundesliste auf
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Tada Augenzwinkern

Disclaimer wäre: 486, 981, 579, 997
Impressum: 611, 981, 707, 997

Jeweils mit wenigen Pixelns Platz zu den Seiten, nach oben und unten Augenzwinkern
Muss dann nur noch in den ode eingefügt werden.

__________________

02.06.2010 01:24 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
unicorn18 unicorn18 ist weiblich
Mitglied


images/avatars/avatar-12318.jpg

Dabei seit: 10.10.2007
Beiträge: 516

Themenstarter Thema begonnen von unicorn18
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Denke dir fröhlich

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?

__________________
"Und so verliebte sich der Löwe in das Lamm."
"Was für ein dummes Lamm"
"Was für ein abartiger, masochistischer Löwe"

02.06.2010 01:29 unicorn18 ist offline E-Mail an unicorn18 senden Beiträge von unicorn18 suchen Nehmen Sie unicorn18 in Ihre Freundesliste auf
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 Augenzwinkern

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 smile

__________________

02.06.2010 01:33 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
unicorn18 unicorn18 ist weiblich
Mitglied


images/avatars/avatar-12318.jpg

Dabei seit: 10.10.2007
Beiträge: 516

Themenstarter Thema begonnen von unicorn18
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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> 


__________________
"Und so verliebte sich der Löwe in das Lamm."
"Was für ein dummes Lamm"
"Was für ein abartiger, masochistischer Löwe"

02.06.2010 01:35 unicorn18 ist offline E-Mail an unicorn18 senden Beiträge von unicorn18 suchen Nehmen Sie unicorn18 in Ihre Freundesliste auf
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Du nervst nicht, ganz sicher nicht Augenzwinkern
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 Augenzwinkern

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">


__________________

02.06.2010 01:41 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
unicorn18 unicorn18 ist weiblich
Mitglied


images/avatars/avatar-12318.jpg

Dabei seit: 10.10.2007
Beiträge: 516

Themenstarter Thema begonnen von unicorn18
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

JAAAAAAAAA ich könnt dich abknutschen fröhlich fröhlich fröhlich

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 fröhlich

__________________
"Und so verliebte sich der Löwe in das Lamm."
"Was für ein dummes Lamm"
"Was für ein abartiger, masochistischer Löwe"

02.06.2010 01:52 unicorn18 ist offline E-Mail an unicorn18 senden Beiträge von unicorn18 suchen Nehmen Sie unicorn18 in Ihre Freundesliste auf
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Na das freut mich doch riesig großes Grinsen

Hab ich meine gute Tat für heute getan *smile*
Und kann mich jetzt beruhigt schlafen legen Augenzwinkern

Viel Spaß noch.

__________________

02.06.2010 01:55 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
unicorn18 unicorn18 ist weiblich
Mitglied


images/avatars/avatar-12318.jpg

Dabei seit: 10.10.2007
Beiträge: 516

Themenstarter Thema begonnen von unicorn18
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

danke, hab ich gestern auch ^^ War total kaputt. Das probieren hat mich echt geschafft XD

Danke nochmal

__________________
"Und so verliebte sich der Löwe in das Lamm."
"Was für ein dummes Lamm"
"Was für ein abartiger, masochistischer Löwe"

02.06.2010 11:39 unicorn18 ist offline E-Mail an unicorn18 senden Beiträge von unicorn18 suchen Nehmen Sie unicorn18 in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Verlinken auf Design

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH