This zone is sleeping right now! ZzzZZzzz

Better not disturb it! ~You go to the petrol station and buy a slushy instead, everything is cool!~

This area will open again in 000.beats!

(Learn about Swatch Time)

Some other zones are awake :^]


Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
a Summer day - @575.47
Activity rating: Three Stars Posts & Arts: 34/1k.beats Random | Recent Posts | Guild Recents
News: inconvenience is counterculture :eyes: Guild Events: Summerween Watch-a-thon

+  MelonLand Forum
|-+  Projects & Art
| |-+  ☆ ∙ Web Projects
| | |-+  Image Map Generator - Make clickable areas on an image


« previous next »
Pages: [1] Print Embed
Author Topic: Image Map Generator - Make clickable areas on an image  (Read 246 times)
rolypolyphonic
Full Member ⚓︎
***
View Profile WWW


The Non-Living World's first and cutest prophet
⛺︎ My Room
StatusCafe: rolypolyphonic
Matrix: Chat!
XMPP: Chat!
Itch.io: My Games
RSS: RSS

Guild Memberships:
Artifacts:
Visited on Melon's 10th Anniversary!Joined 2025!
« on: a Summer day » Embed

Hello. I know a lot of people making indie websites are interested in making images that have clickable areas and I wanted to share this image map generator:

Click here!

There are other methods for achieving the same method but I find that using elements positioned with percentage has been the easiest for me, and it has the advantage of being responsive so that even on different devices and screen sizes, the position of the area remains the same. Maybe people will find this tool useful :unite:

Logged

https://breadavota.cafe/art/breadavotabutton.gifhttps://daydream.attorney/images/daydreamattorney_button.gifhttps://daydream.attorney/images/schizospec_button.png

My projects:

Bread, and all variations of the aforementioned - a hypertext multimedia webcomic series about a sentient Doll and the End of the World
Bien, and the Antivirus of the Apocalypse - novella about how an Undead Demon spent their Time [sic] in an underground bunker guided by the Voice of Reality after a metaphysical War
Daydream Attorney - a coagulation of spectres dedicated to turning schizotypy into the world's first viral mind disease

Artifact Swap: Hamtaro
TheFrugalGamer
Hero Member ⚓︎
*****
View Profile WWWArt


⛺︎ My Room
Itch.io: My Games
RSS: RSS

Guild Memberships:
Artifacts:
See A Bug Summer 2025 ParticipantGreat Posts PacmanFirst 1000 Members!Joined 2022!
« Reply #1 on: a Summer day » Embed

Thank you for this! I've actually been tossing around an idea for an image map in my head, but doing all the coordinates that all that is SUCH a pain. I was not looking forward to it. This will make things much easier :)

Logged


Artifact Swap: Visited on Melon's 10th Anniversary!Pink TulipEmerald OreAquamarine
rolypolyphonic
Full Member ⚓︎
***
View Profile WWW


The Non-Living World's first and cutest prophet
⛺︎ My Room
StatusCafe: rolypolyphonic
Matrix: Chat!
XMPP: Chat!
Itch.io: My Games
RSS: RSS

Guild Memberships:
Artifacts:
Visited on Melon's 10th Anniversary!Joined 2025!
« Reply #2 on: a Summer day » Embed

Thank you for this! I've actually been tossing around an idea for an image map in my head, but doing all the coordinates that all that is SUCH a pain. I was not looking forward to it. This will make things much easier :)

Glad to hear that, hope it'll be helpful for you!  :unite:

Logged

https://breadavota.cafe/art/breadavotabutton.gifhttps://daydream.attorney/images/daydreamattorney_button.gifhttps://daydream.attorney/images/schizospec_button.png

My projects:

Bread, and all variations of the aforementioned - a hypertext multimedia webcomic series about a sentient Doll and the End of the World
Bien, and the Antivirus of the Apocalypse - novella about how an Undead Demon spent their Time [sic] in an underground bunker guided by the Voice of Reality after a metaphysical War
Daydream Attorney - a coagulation of spectres dedicated to turning schizotypy into the world's first viral mind disease

Artifact Swap: Hamtaro
Noah_S
Sr. Member ⚓︎
****
View Profile WWWArt


Noah. Earth. I make website. I.. I.. Noah. Earth.
⛺︎ My Room
iMood: Noah_S
RSS: RSS

Guild Memberships:
Artifacts:
Visited on Melon's 10th Anniversary!I got robbed by Dan Q on Melonland!I met Dan Q on Melonland!A coin!EnbyAce
« Reply #3 on: a Summer night » Embed

elements positioned with percentage

Thank you for letting me know that this is possible. One of my upcoming projects will feature image maps.

Logged

perfectionist_better.gifweb_designer.gifspeed_of_time.gifbutton290.pngmy_dream_wedding.gifClippy beats AI

Artifact Swap: IT'S THE FINAL COUNTDOWNPaw printThe Worm is creeping around Melonland profiles!Large watercraftGrowing ballLucky!Melonland has encountered a bugMerry ChristmasMessage BuddyMelon bite
Pages: [1] Print Embed 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | Send Feedback | Supporters ♥ Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi
@000 MelonLand Zap! Want to Login or Join ? Forum Art Hub Chat Webring Editor Recent Edits Tenement Arcade Web Guides Graphics Catalogue Wiki Newsletters Image Stream
Melon's Sites TamaNotchi Textures PixelSea GifyPet MoMG Ozwomp Online Loom Videos Leaky Webring Melonking
Tools Melon Software ArtHub Embed Maker ML Passports
Outlinks Webrings Internet Phone Book HTML Energy Declarations Hackers & Designers Frutiger Aero Forum m15o's Web Services 32Bit Cafe iMood
Minecraft: Online
Join: craft.melonking.net