大人の楽天生活スローライフを楽しむ情報Blog楽天生活です

カテゴリ

改装中沖縄名物沖縄土産

コメント新着

王島将春@ Re:今日の点滴(02/09) はじめまして。福井市在住の王島将春（お…

kawasaki12r @ Re:おっと！こんなところに飛行船(05/09) 風の強い日でも飛行船は飛ぶのですね。風…

rinkosan3386 @ りんのお気楽ブログ楽しく、健康で美しく、スマートに・・・ …

GAB@ 追記で、店を出ました。もう永久に吉野家とい…

GAB@ 無視するんだよね私もつい先日ありました。どうやら吉野家…

ミ☆らんぶる☆☆彡 @ Re:２年連続で鹿スタからの帰り、運転荒かった。(03/07) 雨の中、サポートお疲れ様でした。あり…

ミ☆らんぶる☆☆彡 @ Re:シーチケ来たし、TMも勝ったし、開幕待ち遠しい(02/16) 待ち遠しいですね～今週末の徳島とのＰ…

ルキシト @ Re:事業仕分けで五輪選手がかわいそう。(12/02) 仕分けの結果が景気に反映されるのは一年…

Jiken@ Re:八ッ場（やんば）ダム視察？(10/19) 貴ブログにたどり着いて感慨深くお写真拝…

楽天猫飼 @ Re:細野氏が信用できないのなら(10/30) 通りすがりさん、＞＞　「第1号被保険…

< 新しい記事

新着記事一覧(全1132件)

過去の記事 >

2004年01月23日

MAPタグを利用して楽天広場の文字数制限を克服、テンプレートあり

(2)

テーマ：簡単に解るHP作りの方法って…(83)

カテゴリ： HTML タグ

　MAPタグを使って文字数節約。

もう何日も前にMAPタグについて質問があった。楽天でできないということだった。

やってみた。出来た。

　でもMAPタグ何に使うんだ？。オレも個人レッスン料をもらっているインストラクターではないので、他の人が使えない(使わない）ものを時間を割いてまでやるつもりはない。なにか良いアイディアがないか、こういうときパチンコで、出っぱなしになればいいのだが。

オレの場合パチンコが好きなんではない。朝からずっと自分の思うような展開で箱が積み上げられていくのが好きなのだ。「次は１箱飲んで４連チャン」そう思いそうなる快感がいい。そしてそういうとき頭がアルファー波でも出すのか気持ちよくなっていろんなアイディアが浮かんでくる。これがたまらない。

　しかし、最近はそんなおいしい状況にはならない。今の店は、出たらほとんどの台が飲まれる。だからチョットでたらすぐ引き上げる。昔よく「パチンコ先生はサクラだよ。」と陰口を言われていたが、今の状況のほうがよっぽっどサクラっぽい。毎日20箱以上を目標にしていたときと、今のようにたとえ1000円でも儲かッてるうちに帰るのでは、後者の方がサクラっぽくないかい？

　そんな状況なのでたいしてすばらしいアイディアは浮かばなかった。

うちの場合文字数不足で毎回痛い目を見ている。いままでやっていたリンクしてもらってるサイト様のTOPページでの紹介も休止している状態だ。なのでTOPで使用しているテーブル（リンクを貼ってあるもの）をいっそのこと画像にしてしまえば、文字数の節約になるし、MAPタグの使用例にもなるんではないか？

　しかしこれを説明するのには画像編集ソフトのない人のためにペイントでやらなければならない。

オレのばあいソフトの説明など全然読まないので、この普段使っているHPビルダーでさえ、知らないことが沢山あり、いまだに新しい発見をする。

　ペイントなんてまったく使わないので、ペイントで書いた絵のあるサイトを発見すると尊敬する。

パンダ魔人さんのサイトもいいよー。　

　とりあえずやってみたら簡単に出来た。でもビットマップをGIFに変えてとかそこらへんが、経験不足で説明しづらい。なのでここら辺はパス。

と思ったら、今度はマップの位置決めをどうやってメモ帳でするのか思いつかない。

　その前にMAPタグの簡単な説明をしないと読んでいてもわからないよね。

MAPタグを使って画像の一部分にリンクを貼ることが出来ます。よく見かけるのは日本地図で県ごとにリンクがしてある物とか見た事ありませんか？オレも地図で説明したいところだが、地図を借りるのはめんどうだ。貸してくれるかもわからない。パクるわけにもいかないし、自分で書けないし、

　うだうだ書いてもわけわからないので見本です。

かなり文字数を使用するテーブルで作っていたのですが１枚の画像にして、７箇所MAPでリンクを貼りました。左の黒っぽいのは上手く切り抜けなかっただけです。

試しにクリックするとジャンプする前に四角く点線枠のような物が見えるでしょう。そこがリンクを指定した場所です。

ソースはこうなります。これをコピペしても応用できないと思いますが、いじってみたい人はどうぞ。

<IMG xsrc="http://plaza.rakuten.co.jp/img/user/96/59/3359659/178.gif" width="170" height="330" border="0" usemap="#image1"><BR><MAP name="image1">

<AREA title=楽天市場の企画物など xhref="http://plaza.rakuten.co.jp/patipati/002031" shape="rect" coords="22 3 171 40">

<AREA title=お徳な食べ物飲み物情報 xhref="http://plaza.rakuten.co.jp/patipati/008006" shape="rect" coords="22 52 171 87">

<AREA title=下着からダイエットまで xhref="http://plaza.rakuten.co.jp/patipati/010001" shape="rect" coords="22 100 171 138">

<AREA title=生活関連 xhref="http://plaza.rakuten.co.jp/patipati/011002" shape="rect" coords="22 148 171 185">

<AREA title=趣味のもの xhref="http://plaza.rakuten.co.jp/patipati/017001" shape="rect" coords="22 196 171 233">

<AREA title=人気ショップ、人気商品 xhref="http://plaza.rakuten.co.jp/patipati/002030" shape="rect" coords="22 244 171 281">

<AREA title=その他の楽天市場情報 xhref="http://plaza.rakuten.co.jp/patipati/023001" shape="rect" coords="22 292 171 329">

</MAP>

　説明
<IMG xsrc="http://plaza.rakuten.co.jp/img/user/96/59/3359659/178.gif"
image1 "><BR> （画像の部分）

<MAP name=" image1 "> （名前なんでもいいが２箇所同じ名前にする）

<AREA title=楽天市場の企画物など（ titleタグでマウスが乗ったとき説明が出ます） xhref=" http://plaza.rakuten.co.jp/patipati/002031（リンク先URLです） " shape="rect" coords=" 22 3 171 40 "> （位置を表す数値です。楽天では半角空けます。他サイトでは， (半角で）を入れます）ソフトで作った人。これをしないと楽天では映りません。場合によってはブラウザが落ちる

<AREA title=お徳な食べ物飲み物情報 xhref="http://plaza.rakuten.co.jp/patipati/008006" shape="rect" coords="22 52 171 87">

<AREA title=下着からダイエットまで xhref="http://plaza.rakuten.co.jp/patipati/010001" shape="rect" coords="22 100 171 138">

<AREA title=生活関連 xhref="http://plaza.rakuten.co.jp/patipati/011002" shape="rect" coords="22 148 171 185">

<AREA title=趣味のもの xhref="http://plaza.rakuten.co.jp/patipati/017001" shape="rect" coords="22 196 171 233">

<AREA title=人気ショップ、人気商品 xhref="http://plaza.rakuten.co.jp/patipati/002030" shape="rect" coords="22 244 171 281">

<AREA title=その他の楽天市場情報 xhref="http://plaza.rakuten.co.jp/patipati/023001" shape="rect" coords="22 292 171 329">

</MAP>

22 3 171 40　と並んでいますが、数値から想像すると、おそらく左の位置、上の位置、右の位置、下の位置だと思います。

今回、四角いものだけです。他に円形、多角形も出来ます。

分かる人は、半角を使う。というのだけで出来ると思います。

分からない人はもうチョット簡単な画像を用意してからまたやります。