コンパクトデジカメ画像で、日常&花&趣味など!ボチボチ弄ってまぁ~す♪

 ジャプラノート2

 コンパクトデジカメ画像で、日常&花&趣味など!
 ボチボチ弄ってまぁ~す♪

Google
 

Yahoo!検索


pc1
       いらっしゃいませ♪ 現在ジャプラノート2をご訪問の方は 名様ですぅ~♪    

<<07 1234567891011121314151617181920212223242526272829303109>>
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--/--/-- --:-- | スポンサー広告 | page top↑
イメージマップ2♪
イメージマップの簡単♪使い捨て?バージョンですぅ~♪(笑

本来は、部分的にリンクを貼れるのですが。。。
今回は、ソースを簡単にする為に!2種類の分割方法で♪
画像に、リンクを貼る方法ですぅ~♪
(画像に書き込んだ線が、リンクする四つの場所ですぅ~♪)

ブログの表現方法に応じて♪使い分けてくださいね♪

【上下左右にリンク部分を分割♪】
サンプルですのでリンクはありません♪
 上の分割パターンのソースですぅ~♪ (gooブログでも使えるようにしてあります。)
<center><font color="#ffffff" style="font-size:1px;"><<img border="0" src="★" usemap="#csi01" alt="この部分にリンクはありません♪" width="440" height="330" name="ara01">><<map name="csi01">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="1,1,220,165">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="221,1,440,165">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="1,166,220,330">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="221,166,440,330">><</map>></font></center>

*****************************************************************

【横にリンク部分を分割♪】

サンプルですのでリンクはありません♪
 上の分割パターンのソースですぅ~♪ (gooブログでも使えるようにしてあります。)
<center><font color="#ffffff" style="font-size:1px;"><<img border="0" src="★" usemap="#csi01" alt="この部分にリンクはありません♪" width="440" height="330" name="ara01">><<map name="csi01">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="1,1,110,330">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="111,1,220,330">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="221,1,330,330">><<area onmouseover="ara01.src='☆'"onmouseout="ara01.src='★'"shape="rect" alt="説明文" coords="331,1,440,330">><</map>></font></center>

※ 今回のソースは、440×330 の画像を五枚使用してご利用下さいね♪

色&色の部分のIDは、その都度!変更してくださいね♪(半角英数字)
その他の部分は、☆(他の四枚の画像URL)&★(最初の画像URL)
に画像アドレスを記入するだけですぅ~♪

※ 今回の画像よりも!大きな画像を使用する方は。。。
色の数値を書き替えてくださいね♪
その場合!右&下の部分に、リンクしない部分が出来ますので
座標(ピンク色の数字)が、お解りの方は直してくださいね♪
解らない方は。。。
目を瞑って。。。そのままご利用下さいねぇ~♪

2006/11/10 11:00 | Blogカスタム | トラックバック(0) | コメント(30) | page top↑
<<カーソル変更(アニメ)♪ | ホーム | キンカン♪>>
コメント
ますたー。さん♪こんばんわぁ~♪
うっ!!!嬉しい~♪流石師匠。。。(p~q;)ウルウル
強がっていたけど。。。本当は。。
ママのバカ脳みそでは座標(ピンク色の数字)が解らなかったのです。。
⊂(_ _⊂⌒⊃ ドテッ!!!実は頑張って考えていたんですよ!!!ワラワレソウデ.....
落ち込んでいました。。。(笑)

知らず知らずのうちに、ママの撮る画像は横画像が多いみたいなのすぅ~
申し訳ないですが、目を瞑って。。。そのままご利用させていただきますm(_ _)m
ありがとですぅ~♪
2006/11/10 20:41URL | 出羽ママ #-[ 編集] | page top↑
はじめまして ブログ渡り歩いていて写真が綺麗なのでお邪魔していました。
その上ソースを公開していただきHTMLとは何も解からないゆこりん ただコピーして使わせていただきたいのです。そのお願いで思い切ってコメント欄お借りしました。gooで使用可能とありますので大変嬉しい事です。スクロールクリック早速使わせて下さい宜しくお願いします。また遊びに伺います
2006/11/10 22:08URL | ゆこりん #-[ 編集] | page top↑
ますたーさん ソース載せて下さって有難う 今日はもう遅いので ゆっくりした時挑戦してみますね 出きるかナーv-24ーー不安です
2006/11/11 01:30URL | こすもすといいます #-[ 編集] | page top↑
分割のソースをHPビルダーで見ましたけどチンプンカンプンだったんですよ。意外にシンプルに作成されており、すごいなぁと思います。
ますたー。さんはすごくシンプルにされるのは技術があるからでしょう。

ところで、この絵もご自身がお書きになりましたの?
何をやってもお上手なんですねぇ。
gooブロガーのためにご配慮ありがとうございます。
2006/11/11 09:02URL | タマでございます #-[ 編集] | page top↑
ますたー。さん、お久しぶりです。
やっと皆さんのブログを拝見する時間が出て来ました。
またよろしくお付合いください。
嬉しい四分割ソースのご紹介ありがとうございます。
近いうちにまた使わせていただきますね。
この素敵な女性の絵は、さすたー。さんが描かれたのですか?
2006/11/11 10:48URL | 風のたより (S.K) #-[ 編集] | page top↑
出羽ママさん♪ こんちゃぁ~っす!
コメント♪ありがとう!めっちゃ!嬉しいですぅ~♪

只今!ボランティア講座より戻りましたぁ~♪

やっぱ!難しかったですかぁ~(笑
文字での説明は、難しいですねぇ~♪
背中の肩甲骨のちょいと!下当りが、痒いのと一緒くらい?
何とも!はがゆい感じですねぇ~(笑

あれまっ!
目を瞑ってしまいますか?(笑
でも、カメラ撮影のときは。。。
ぱっちり!目を開けて、撮影して下さいねぇ~(笑
2006/11/11 14:13URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ゆこりんさん♪ はじめましてぇ~♪
コメント♪ありがとう!めっちゃ!嬉しいですぅ~♪

たいした物は、ありませんが。。。
使えそうな物が有りましたら♪
ドンドン!バリバリ♪使ってくださいねぇ~♪
ゆこりんさんのBlogも♪画像、めっちゃ綺麗でしたよ~♪
素敵に使っていただけて♪こちらこそ、ありがとうございました。
これからも、宜しくお願いします♪
2006/11/11 14:22URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
こすもすさん♪こんちゃぁ~っす!
コメント♪ありがとう!めっちゃ!嬉しいですぅ~♪

またまた、悩ませてしまうかなぁ~(笑
画像を同じサイズにして♪記入するだけなので。。。
だいぶ簡単なソースになったと思うのですがぁ~♪
ぜひ!無事にUP出来る事を♪お祈りしてますねぇ~☆彡
2006/11/11 14:30URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
タマさん♪ こんちゃぁ~っす!
コメント♪がっつり!どっぷり!めっちゃありがとう!

前の四分割は、かなり面倒臭かったですがぁ~。。。
今回は、シンプルでしょ?(笑
タグ類も前のとは、だいぶ違いますので。。。
結構!自己満足してますぅ~(笑
あまり目新しくは、無いので。。。
新鮮味は、有りませんけどねぇ~(笑

皆さん♪熱心で!
ほんと!頭が下がりますぅ~♪
一生懸命な人を見ていると。。。
何だか?気持ち良いですよねぇ~☆彡
2006/11/11 14:39URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
風のたより(S.K)さん♪ こんちゃぁ~っす!
コメント♪ありがとう!めっちゃ!嬉しいですぅ~♪

お忙しそうですねぇ~♪
でも、お体には充分気を付けてくださいねぇ~♪
こちらこそ♪宜しくですぅ~☆彡

こんな感じの絵が、大好きなのですがぁ~。。。
とても画けそうにありませんので。。。
撮影してしまいますたー。(笑
実は、お菓子の箱の絵なんですよ~♪
おっかしいでしょ?(笑
2006/11/11 15:03URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
こんばんは。ますたー。さん。
今日初雪が降ったんですよ。その画像をどうやって
アップしたらいいかな~と思い・・・
このイメージマップを使わせていただきました。
画像は5枚用意したのですが 一枚は「画像を選択」に使ったので
足りなくなりまして・・・(汗) 結局三分割にしてアップしました。

ホネホネのカーソルもビックリでしたが今日のも楽しいですね♪
でもやっぱりてんとう虫が最高です!楽しくてあちこち動かして遊んでますたーです・・・(汗)
またいろいろ楽しませてくださいね~♪
2006/11/12 20:53URL | nom #-[ 編集] | page top↑
nomさん♪ こんちゃぁ~っす!
コメント♪ありがとう!めっちゃ!嬉しいですぅ~♪

おっ!
いよいよ本格的な、冬に突入ですねぇ~♪
我が家も、寒かったですよ~。。。
我が家から見える!谷川岳も上の方は、雪化粧でしたぁ~♪
そうそう!そんな感じで♪
記事や画像に合わせて♪小技を使っていただけると♪
とぉ~っても!嬉しいですぅ~☆彡

そう言えば。。。
テントウムシが、『疲れたぁ~♪』って!言いながら。。。
転倒しそうになってましたよ~(笑
2006/11/13 18:05URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたーさん こんにちは
今日も ソースを使わせていただきました。まず 簡単バージョンから!
10、11月に公開してあるのには 挑戦してみようと思っています。
これからも 宜しく!
2006/11/30 09:14URL | shigeko #-[ 編集] | page top↑
shigekoさん♪ おばんでやんすぅ~♪
コメント♪ ひじょ~に!嬉しいですぅ~♪

ご利用くださいまして♪とぉ~っても嬉しいですぅ~☆彡
ぜひぜひ!色々な小技を使ってみてくださいねぇ~♪
今日は、ありがとうございました。
2006/12/01 01:03URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたーさんご無沙汰しています 今日は冷たい雨が降っています そちらはいかがですか?↑上のやっとUPv-216出来ました 有難うございました またお願いしまーーーすね
2006/12/08 15:05URL | こすもすといいます #-[ 編集] | page top↑
ますたーさん 出来たー!動いたーとおもつたら 今見たら 実行しましたが エラーがしょうじましたと出てきて・・・ 動きません やはりid とname変えてないでしょうか?
2006/12/08 16:46URL | こすもすといいます #-[ 編集] | page top↑
こすもすさん♪ こんばんわぁ~♪
コメント♪めっちゃ!うれぴぃ~っす♪

先ほど見て来ましたがぁ~。。。
バッチリ!OKでしたよ~♪
そうそう!
使う度に、ID&NAMEは変えた方が良いですね♪
2006/12/09 00:17URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたーさん こんばんわ

今回 簡単バージョン(上下左右に分割)に挑戦しました。

今まで ○イメージマップの簡単バージョン≪縦分割)と○イメージマップ利用のオンマウス 成功したのですが!今回 下書き時点で「ページでエラーが発生」の表示です。別の環境でみると「行:5 エラ”ara03” ランタムエラーが発生」が出ます。
画像の説明は出るのですが 画像が出ません。IDは csi01.02 ara01.02は使用済みですので csi03、ara03を使ったのですが。
使用画像サイズは 440*330です。(今までと同じサイズ)
何処が 悪いのでしょうか?

お忙しいところ 申し訳ありませんが 
ご返事 お願いします。
2006/12/19 00:56URL | shigeko #-[ 編集] | page top↑
shigekoさん♪ おっはよぉ~っす♪
コメント♪ ひじょ~に!嬉しいですぅ~♪

>「行:5 エラ”ara03” ランタムエラーが発生」
多分?ランタイムエラーの事かな?
ランタイムエラー 【runtime error】は。。。
プログラムを実行する際に、実行するプログラムファイルの破損や、
プログラム内容の誤りなどの原因で出るエラーですので
今回の場合は、ソース内容の誤りで出ている可能性が考えられますが。。。
ソースを、見る事が出来ませんので♪
詳細については、解りませんですぅ~♪

今回のソースは、IDの変更と☆部分のアドレスの記入のみで
使用できますので、その他の部分は変更せずに使用してみてくださいねぇ~♪
2006/12/19 07:23URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
続いて お世話になります

本日 第一報は ソース(?)が枠を超えた為 エラーが出て 約半分の 送信となりました。
試しに 縦バージョンとかIDを変更してもエラーがでました。
最初の画像は表示します。他4枚のURLがおかしいのでしょうか?

エラー表示は
「ランタイムエラー デバック」しますか?」
行:5 ”ara03”は宣言されていません。   でした。

2006/12/19 11:17URL | shigeko #-[ 編集] | page top↑
shigekoさん♪ こんちゃぁ~っす!

ハイハイ♪
今回は、ソースを添付していただけたので♪
キッチリ!バッチリ!解りましたよ~(笑
これから♪うかがいますね☆彡
2006/12/19 15:03URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
「ありがとうございます。感謝で~す!!」
5:30迄 仕事中です。

ブログUPは 日曜日以外夜ですが 17.18日「何で?」と悩みました。
帰宅後 じっくり見てみますね!!
2006/12/19 17:18URL | shigeko #-[ 編集] | page top↑
多分?コピーしたソースをメモ帳などで編集して
それをコピーして、エントリー画面(編集画面)に
貼り付けているのかなぁ~?

おっしゃる通りです、 よくわかりますね!
助かりました。
2006/12/19 17:23URL | shigeko #-[ 編集] | page top↑
shigekoさん♪ おこんばんわぁ~♪

おいらも♪取りあえず?『ホッ♪』としましたぁ~(笑
これで、直ってくれると嬉しいのですがぁ~。。。

おいらも!タグのスペルミスで、寝込むほど悩んだ事がありますので(泣
原因は、チョットした事の場合が殆どなのですねぇ~(笑
2006/12/19 19:45URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたー さん 完成です。

イメージマップへの挑戦は 3回目になりますが。
今回 慎重さが足りなかったのですね!
チョコチョコ 手直しではなく 全部入れなおしました。
「バッチリ」ですよ。ありがとうございました。

カメラが今一なので 画像はきれいではありませんが。
(腕が 悪いのか?)



2006/12/20 00:25URL | shigeko #-[ 編集] | page top↑
shigekoさん♪ おこんばんわぁ~♪
コメント♪ありがとう!めっちゃ!嬉しいですぅ~♪

おいらも!『ホッ♪』っとしましたぁ~♪(笑
今度は、完璧でしたね♪
画像も、素晴らしいですよ~☆彡
おいらは、ほとんどインドア仕事ですので。。。
なかなか風景を撮る機会がないので♪
風景の画像は、ほんと!参考になりますぅ~♪

また何か有りましたら。。。
いつでもどうぞ♪
お待ちしてますよ~(笑
2006/12/20 18:13URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたー。さ~ん おはようございますです~♪

ちとお尋ねしますが…この4分割のソースは
4分割でなければ ダメなのですか?
単純に二つ足して 6分割で作ってみたのですが 
4枚しかリンクしません(泣)
座標は間違えていないと思うので 
何度も見直したのですが やっぱりタグのミスでしょうか?

それから ここに→私のブログが!!!しかもUpの赤い文字!!!
載せていただいてたんですね。知らなかった。。。
みなさんのは横目で眺めていたのですが(笑)
自分のを見たのは 初めてでして…どうもありがとうございます♪
マイナーなブログなので ちょっとは閲覧数が増えるかもです(汗)
2007/06/27 11:02URL | nom #-[ 編集] | page top↑
nomさん♪ こんちゃ~っす♪

あれれ???
それはおかしいですねぇ~。。。
基本的には、ピクセルの点の数だけ!!!
リンクを貼れる筈なのですが。。。
何処か?ソースが違っているのかもしれませんね♪
BBSに貼っていただければ、チェックしますよ~♪

前から♪Blog Peopleの方には、リンクを入れてあったのですが。。。
nomさんのブログは、Blog People用のピングが飛んでいないようですぅ~(泣
そこで!調べてみましたら。。。
ドリコム用のピングは、飛んでいましたので♪
いつもコメントをいただいている方をMy blog Listの方にもリンクしました♪
これで!記事をUP後、24時間はピカピカ輝くはずですぅ~(笑
ピカピカしたら♪おいらも忘れずに!見に行けますよ~(笑
2007/06/27 11:20URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたー。さ~ん こんばんはです~♪

何度見直しても 間違いはないのですよ。。。
でも見つけました!!!
何と スペースが半角分 空いていたのです~ 汗``
スペルのミスではなく こんなことでも ダメなのですね。
いつ使うか分かりませんが 一安心です。
ピカピカしたら 忘れずに見に来てくださいね~(笑)
お騒がせして すみませんでした (:I)┓ペコ
2007/06/27 22:49URL | nom #-[ 編集] | page top↑
nomさん♪ こんちゃ~っす♪
コメント♪めっちゃ、嬉しいですぅ~☆彡

おっ!
見付けましたねぇ~(笑
おいらなんか。。。日常茶飯事でして♪
思い込むと、なかなか探し出すのが大変ですぅ~(笑

話は脱線しますが。。。♪
パソコンの部屋が、完成しまして(笑
ピッカリケーブルも5日に開通予定ですぅ~ .:*:・'゜゜'・:* ☆彡
2007/06/29 10:10URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
コメントの投稿












管理者にだけ表示を許可する(内緒話にはチェックを入れてね♪)

トラックバック
トラックバックURL
http://japra.blog34.fc2.com/tb.php/398-b27552ad
この記事にトラックバックする(FC2ブログユーザー)
ホーム

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。