Landkarte klickbar

Gehe zu Seite 1, 2, 3, 4, 5, 6  Weiter
 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Grafik- & Webdesign
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
bernd
Mitglied

BeitragLandkarte klickbar Antworten mit Zitat

axinio Internet Marketing
Hallo,
möchte eine Landkarte erstellen auf der ich auf andere Sites einen Link setze die sich in einem neuen Fenster öffnen. Habe im Web schon mal so was gefunden, siehe Arrow

http://www.eifelwetter.de/private_wetterstationen.htm

kann mir da jemand weiterhelfen oder hat jemand Lust so was für mich zu machen Question

Gruß in die Runde
Bernd
PS: Meine Anfänger Website www.nationalparktor.de
das Flashintro hat mir ein Freund gemacht. Die Karte sollte aber nicht in Fash sein.
11 Jan 2007 17:02
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Forrest Gumb
Mitglied

Beitrag Antworten mit Zitat

Hallo Bernd,

Code:
<td>
<map name="Deutsch">

<area target="_blank" alt="Berlin" href="http://www.Berlin.de" shape="circle" coords="72, 76, 9">
<area target="_blank" alt="Frankfurt" href="http://www.Frankfurt.de" shape="circle" coords="106, 58, 9">

</map>

<img border="2" src="Deutschland.gif" usemap="#Deutsch" width="411" height="529">

</td>

Als Erstes musst Du mit Deinem Grafikprogramm die Koordinaten deiner Ziele suchen. Also --> Du hast ein Deutschlandbild --> gehst mit der Maus auf Berlin und jetzt zeigen die meisten Grafikprogramme irgendwo Koordinaten für die Stellung der Maus an.
Diese Koordinaten schreibst Du in den Code bei coords ein. Der dritte Wert ( hier die 9 ) ist die Grösse des aktiven Link-Feldes.
<map name="Deutsch"> ist die Zuweisung zu welchem Bild die Befehle gehören ---> usemap="#Deutsch"
target="_blank" Der Link wird in einem neuen Fenster geöffnet
alt="Berlin" gehst Du mit der Maus über den Link wird der Text "Berlin" als Quickinfo ausgegeben
shape="circle" Das Linkfeld ist rund
grüzzies
Forrest

_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ]
12 Jan 2007 12:01
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
bernd
Mitglied

Beitrag Antworten mit Zitat

Hallo,
danke für die schnelle Antwort. Muß ich mal sehen ob ich damit zurecht komme. Aber sowas meinte ich nicht, habe mich vieleicht schlecht ausgedrückt. Oder doch? Ich meinte ein gif als Karte, habe mal eine Versuch mit Open Office gemacht.
http://www.heimbach-eifel-wetter.de/test.html
Der Link Eifel fuktioniert schon, sieht aber bei mir auf dem Rechner besser aus. Die html Seite sollte aber auch nur so groß wie die Karte sein, soll noch in andere Sites eingebunden werden.
Gruß Bernd
12 Jan 2007 16:34
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Forrest Gumb
Mitglied

Beitrag Antworten mit Zitat

Hallo Bernd,
Ich hab Dich schon verstanden, anbei der Code für Berlin, Frankfurt und Hamburg.
Nimm den kompletten Code und speicher in als .html , der link zur Deutschlandkarte ist schon drin. Ersetze das ganze mit Deiner Beispiel -->Test.html
Code:
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head>

<body>
<map name="Deutsch">

<area target="_blank" alt="Berlin" href="http://www.Berlin.de" shape="circle" coords="398, 229, 9">
<area target="_blank" alt="Frankfurt" href="http://www.Frankfurt.de" shape="circle" coords="247, 347, 9">
<area target="_blank" alt="Hamburg" href="http://www.Hamburg.de" shape="circle" coords="295, 177, 9">
</map>



<img border="0" src="test_html_31f1c32a.gif"  usemap="#Deutsch" width="595" height="510">

</body>

</html>


wie gesagt: die Koordinaten musst Du mit einem Grafikprogramm herrausfinden.
hoffe Du verstehst das
Grüzzies
Meikel

_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ]
12 Jan 2007 22:56
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Enni P
Mitglied

Beitrag Antworten mit Zitat

ich hab schon die ganze karte fertig auf // deleted
Enthalten sind:
*Quelltext
*<area>'s mit poly
*Städte
*die Karte
*Verweise mit # (bsp: href="#Berlin") für leichteres Verlinken später
Also ich habs auch mit MAP gemacht

_________________
Endres


[ Mein Forum | Netzgemein.de Uploads ]


Zuletzt bearbeitet von Enni P am 23 Jan 2007 13:31, insgesamt 2-mal bearbeitet
13 Jan 2007 10:15
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen MSN Messenger
Gast


Beitrag Antworten mit Zitat

Hallo,
erstmal vielen Dank Meikel, jetzt habe ich Kapiert. Dresden habe ich mal gemacht nur um zu testen einen Link auf mich selber.
http://www.heimbach-eifel-wetter.de/testo.html
Habe mich trotdem falsch ausgedrückt! Möchte über das ganze Wort z.B. Bayrischer Wald einen Link legen, jetzt hat mir einer gesagt das geht mit einem "Hotspots", was auch immer das ist.
Gruß Bernd
13 Jan 2007 13:53
bernd
Mitglied

Beitrag Antworten mit Zitat

Hallo,
noch ein Danke an Enni. Deine Arbeit habe ich umgesezt in der

http://www.heimbach-eifel-wetter.de/NationalparkeDeutsch.html
http:// Geändert am 15.01.07
Nur eine Frage noch,was muß ich einfügegen damit die Links sich in einem neuen Fenster öffnen? Finde ich einfach besser, ist aber Geschmacksache.
Gruß Bernd
PS. Ich glaube das mit dem Hotspott hat sich erledigt, aber noch mal Danke Meikel

Geändert in
http://www.heimbach-eifel-wetter.de/NationalparkeDeutsch.html


Zuletzt bearbeitet von bernd am 15 Jan 2007 20:35, insgesamt 2-mal bearbeitet
13 Jan 2007 19:54
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Code:
<area target="_blank" ...

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
13 Jan 2007 21:58
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
bernd
Mitglied

Beitrag Antworten mit Zitat

Hallo,
habe es fast fertig
http://www.heimbach-eifel-wetter.de/NationalparkeDeutsch.html
nur mit dem <area target="_blank" komme ich nicht zurecht!
Also wenn ich <area shape="poly" mit <area target="_blank" ersetze, sollte doch der Link in einem neuen Fenster öffnen oder? Klappt aber nicht.
Das mit dem
alt="...." klappt ja beim einfügen in den <area shape="poly" href="http:
Gruß Bernd
14 Jan 2007 20:24
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
bernd
Mitglied

Beitrag Antworten mit Zitat

Hallo,
habe jetzt mal die ganze Sache in meine HP eingebaut.
http://www.nationalparktor.de/adres...onalparksdeutschland.html
So seht ihr warum die links in einem neuen Fenster öffnen sollen.
Gruß in die Runde
Bernd
PS. Den Quelltext könnt Ihr euch ja sicherlich unter
http://www.heimbach-eifel-wetter.de/NationalparkeDeutsch.html
selber ziehen.
15 Jan 2007 12:43
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Grafik- & Webdesign Alle Zeiten sind GMT + 1 Stunde
Gehe zu Seite 1, 2, 3, 4, 5, 6  Weiter
Seite 1 von 6

 
Gehe zu: