Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Virtuele kaart maken

Vorige onderwerp Volgende onderwerp Go down

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

VJ.
Medaille Forumlid
Medaille Forumlid

Oud Beheerder

Man Aantal berichten : 1284
Leeftijd : 24
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.

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!


Dream Horses

kiekeboe
Actief Forumlid

Vrouw Aantal berichten : 406
Leeftijd : 21
Locatie : Maastricht
Registratiedatum : 18-10-08

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

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


Met Vriendelijke groet,

VJ. (oud-beheerder)


| Ik heb mijn functie als beheerder neergelegd en beantwoord daarom geen vragen meer.

VJ.
Medaille Forumlid
Medaille Forumlid

Oud Beheerder

Man Aantal berichten : 1284
Leeftijd : 24
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.

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!


Dream Horses

kiekeboe
Actief Forumlid

Vrouw Aantal berichten : 406
Leeftijd : 21
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