Virtuele kaart maken.

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

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">  <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>map</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </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.

geschreven door VJ.

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!

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

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

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!

Virtuele kaart maken.

Virtuele kaart maken.

Re: Virtuele kaart maken.

Re: Virtuele kaart maken.

Re: Virtuele kaart maken.