豊中市の地図 ド素人でもイメージマップをHTMLとCSSでつくるってみる!

イメージマップをド素人が作ってみる

イメージマップに憧れて!  アンダルシアに焦がれて・・・w

どうにかこの豊中市の地図でできないか・・・

知識とやる気は、ゼロなんだよ!?

マウスを載せると指の形に変わるやつじゃなくて

色が変わるやつがやりたいのだ!!!!!!!

贅沢を言えば、マウス載せたところがピコッて反応するやつ!!!

後者は、無理だろう!? 前者も知識がなけりゃ無理だろうよ!

そんなこと問屋が卸さないんだ・・・! あめぇんだよ!

一昨日きやがれってんだ!!!

いや、しかし、世の中親切な方がいるもので。。。

そんな僕に、テンプレのような手も足も使って教えてくれているよな説明で

出来るようににアップしてくれているのだ・・・

そして、それを自分の環境でやってみたら、

画像がハマるんだけどスロットが回って目押しでズドン!って感じになってしまう。

元の人環境では、奇麗に収まってんのに!!!!!!!

だから、地域分けして画像を作った。

地域ごとに画像を切り抜けるすべがあればもっときれいになったんだけど・・・

なんせ四角に切り取らなダメなのでどうも余分なところが出てくる。。。

ここを画像の位置で調節するの難しい・・・てか微妙にずれるのである。

まぁ半日かけて

何とか形になった!!!!!!!!!

終盤・・・・・・・・・・・

バグかしらないけどで画像の位置を変えれなくなって同じところにパズルのように嵌めれなくなった。

やっぱ素人の俺には無理かと・・・あぁあ 希望が絶望やな・・・

何度も同じことを無理だろうと思いながら続けていたら願いがかなった!

何とか急にハマるようになり・・・できた!!!!!

少し画像が雑な感じ有るけど

まぁ素人が作るのだから我慢せい!!!!!!!!!!!!!!!

上出来だい!!!!!!!

(※後ほど若干ズラしました。)

地区分けは、適当だい・・・これくらいにわけな町単位は、しんどいズラ・・・・

てかさぁああああああ

HTMLもCSSも何も作っていないじゃね??

ただはめ込んだだけだよw

って話でした。。。。

親切な方ありがとうございました。

スマホで見たら粗が出まくりだったw

Matched Contentこちらの記事もオススメ

Commentsこの記事についたコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA