Virtuele kaart maken

Vorige onderwerp Volgende onderwerp Ga naar beneden

Suggestie Virtuele kaart maken

Bericht van VJ. op vr 28 jan 2011 - 19:25

Virtuele kaart maken

Wat heel mooi is om te doen is een virtuele kaart maken.
Het kost even tijd om alles precies kloppend te maken, maar het ziet er wel mooi uit.
Voorbeeld klik hier

Wat is een virtuele kaart.
Dit is een afbeeldingen waar je op bepaalde punten kunt klikken. Zo kun je voor bijvoorbeeld een RPG een kaart maken met de gebieden erop, waar je op kunt klikken, en dat je dan naar het forum heen gaat.
Of een mooie navigatie etc.

De code.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>map</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Fri Jan 28 19:15:53 GMT+0100 2011-->
</head>
<body bgcolor="#ffffff">
<img name="map" src="LINK NAAR AFBEELDING (DE KAART ZELF)" width="756" height="841" border="0" id="map" usemap="#m_map" alt="" /><map name="m_map" id="m_map">

<area shape="rect" coords="335,366,397,390" href="LINK NAAR DE SITE" target="_self" alt="" />

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

Vul bij LINK NAAR AFBEELDING, DE KAART ZELF. de link naar de kaart in, en wijzig eventueel de widht en height van je afbeelding
Vervolgens geef je de coordinaten aan (coords) waar de link in de afbeeldingen komt te staan.
Je vult bij LINK NAAR DE SITE, de link naar de desbetreffende pagina aan.
Door de volgende code te kopieren en onder de vorige te zetten, kun je meerdere kliks in je afbeelding zetten.

Code:
<area shape="rect" coords="335,366,397,390" href="LINK NAAR DE SITE" target="_self" alt="" />

Het invullen en het op de juiste plaats krijgen van de coordinaten kost even tijd, maar het ziet er wel mooi uit.



Laatst aangepast door VJ. op zo 18 maa 2012 - 18:26; in totaal 1 keer bewerkt
avatar

VJ.
Medaille Forumlid

Man Aantal berichten : 1280
Geboortedatum : 02-05-92
Leeftijd : 26
Locatie : Twente
Registratiedatum : 19-08-10
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.ondersteun.actieforum.com
VJ. is bedankt door de starter van dit topic.

Suggestie Re: Virtuele kaart maken

Bericht van kiekeboe op za 12 feb 2011 - 18:33

Offcieel heet het image mapping, maar goed, als je het wilt doen kan je beter deze tool gebruiken:
Klik!
avatar

kiekeboe
Actief Forumlid

Vrouw Aantal berichten : 406
Geboortedatum : 20-10-95
Leeftijd : 22
Locatie : Maastricht
Registratiedatum : 18-10-08

Profiel bekijken http://dreamhorses.biz
kiekeboe is bedankt door de starter van dit topic.

Suggestie Re: Virtuele kaart maken

Bericht van VJ. op za 12 feb 2011 - 20:01

OOh, mooi programma, ik heb me er gek naar gezocht XD
avatar

VJ.
Medaille Forumlid

Man Aantal berichten : 1280
Geboortedatum : 02-05-92
Leeftijd : 26
Locatie : Twente
Registratiedatum : 19-08-10
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.ondersteun.actieforum.com
VJ. is bedankt door de starter van dit topic.

Suggestie Re: Virtuele kaart maken

Bericht van kiekeboe op zo 13 feb 2011 - 8:57

Hahahah! Bij mij duurde het ook lang voordat ik het had gevonden, maar ik had deze tool ooit al eens gebruikt, dus ik wist hem gelukkig nog te vinden!
avatar

kiekeboe
Actief Forumlid

Vrouw Aantal berichten : 406
Geboortedatum : 20-10-95
Leeftijd : 22
Locatie : Maastricht
Registratiedatum : 18-10-08

Profiel bekijken http://dreamhorses.biz
kiekeboe is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum