オンマウスで画像変化

オンマウスで画像変化 に関する記事です。
HOME > スポンサー広告 > title - オンマウスで画像変化HOME > [ブログカスタマイズ]オンマウスで画像変化 > title - オンマウスで画像変化
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

スポンサー広告 | Page Top↑ Yahoo!ブックマークに登録 スポンサーサイトの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
満月オンマウスで画像変化させるには、引き続きonmouseover属性onmouseove属性

そして、img src属性を、使うよ。^^


この方法を使うと、こんな視覚効果が、得られます。^^


ちょっと、↓のイラスト(?)に、矢印を載せてみて。^^



HTMLタグは、こうだよ。^^

<img src="ここに元の写真のURL" onmouseover="this.src='ここに矢印を載せた時のURL';" onmouseout="this.src='ここに元の写真のURL';">

似顔絵アバターを「2コマ漫画風」にしたりと、「ちょっとした遊び心」を演出したい時に、いいかも?^^


●リンクとして使うには?

リンクに使う場合は、
<img src="ここに元の写真のURL" onmouseover="this.src='ここに矢印を載せた時のURL';" onmouseout="this.src='ここに元の写真のURL';">
<a href="ここにリンク先のURL"></a>で、囲みます。^^


こんな感じね。^^
<a href="ここにリンク先のURL"><img src="ここに元の写真のURL" onmouseover="this.src='ここに矢印を載せた時のURL';" onmouseout="this.src='ここに元の写真のURL';"></a>


こんな↓ふうに「限られたスペースに、情報を詰め込みたい」という時にも、使えるよ。^^
A8.net



●ランキングボタンに応用する

ちなみに、ランキングボタンに応用すると・・・

↓のような、使い方も、出来ちゃいます♪^^
にほんブログ村 小遣いブログ アフィリエイトへ



この場合のタグ

<a href="ここにランキングのURL" target="_blank"><img src="ここに常時表示するバナーのURL" onmouseover="this.src='ここに矢印を乗せた時に表示するバナーのURL';" onmouseout="this.src='ここに常時表示するバナーのURL';" width="バナーの横幅" height="バナーの縦幅" border="0" alt="バナーの説明" /></a>


●ランキングバナーを、加工する場合、ランキングサイトの利用規約違反に、ならないの?

にほんブログ村の場合、利用規約には、こう明記されています。

以下、にほんブログ村から、引用。

リンク用バナーを自作したいのですが?

はい、オリジナルバナーをご利用いただけます。
現在、にほんブログ村が用意しているバナーに適当なサイズがない場合、ブログ村が用意しているバナーのデザインや色が気に入らない場合などに既存のバナーを加工して利用したり、独自のバナーを利用することは問題ありません。

(但し、写真そのものやイラスト類そのものに近くバナーとは呼べないようものなど写真などからの
直リンクは禁止させていただきますので予めご了承くださいませ。)
ですが、その際はそのバナーが「ランキング」や「にほんブログ村」、
「参加しているカテゴリー名」、「参加しているサブカテゴリー名」などの文字を含むか、にほんブログ村のランキングのクリック投票用であることを加工した写真類や周辺のテキストにて必ず明示してください。

つまり、にほんブログ村のランキングということを明示して、
クリック投票する方が紛らわしくないようにしてください。



と、明記されています。


この方法は、通常表示時には、「ランキングである事が明確なバナー」を使っています。

矢印に触れた時だけ、「ありがとうバナー」に変化するから、規約違反には、ならないと思います。


・FC2ブログランキングの場合も、同様な感じです。

ただし「FC2ブログランキングバナーの加工」に対しては、明記されていませんから、新たに同サイズのバナーを作るのが、よいでしょう。

まぁ、「規約に記載されていない=OK」というわけでもないだろうから、ランキングに応用する時は、自己責任でね♪(´ー`)ノ
スポンサーサイト
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

[ブログカスタマイズ]オンマウスで画像変化 | トラックバック:0 | コメント:7 | Page Top↑ Yahoo!ブックマークに登録 オンマウスで画像変化の記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
コメント
この記事へのコメント
こんにちは、先日はありがとうございました。♪
あのブログパーツですが、バナーやロゴのデザインをしてくれる方を探しています。
如何でしょうか、立候補されませんか?
名前も募集しています。^^

いつもの応援、していきますね。
2008/06/13(金) 15:07 | URL | 独居老人 #-[ 編集]
レンジャーさん、こんにちわ。

いつも記事を見て感心しています。
最近、ブログ更新してなくてごめんなさい。
何だかとっても忙しくなってきました。
以前にコメントをしたあのプロジェクトが前進しつつあります。

応援ポチッ!
2008/06/13(金) 17:34 | URL | かず #Nl6qMWng[ 編集]
プロフィールのイラストが変わる人がいて、おもしろい♪って思ってたんです~。
このタグでできるんですねー。

あの。。タグっていっぱい使うと画面が重くなりませんか?
最近、ブログが重くて・・。
ブログパーツのせいかなー。

応援!
2008/06/13(金) 21:07 | URL | untye #t0gLduiA[ 編集]
こんばんは!
ランキングにカーソルを乗せると、ありがとうと言葉が出ると高感度アップ、嬉しくなりますよね!
またまた、お勉強になりました。
応援~~~~
2008/06/13(金) 21:42 | URL | サユサユ #mQop/nM.[ 編集]
独居老人さん、かずさん、untyeさん、サユサユさん、こんにちは^^
独居老人さん

いえいえ^^

こちらこそ、とっても便利なツールのご紹介、ありがとうございました♪(´▽`)ノ

あし@、すごく便利なんですが、あしあとの踏み返しが、大変なときがあるので、こういったツールは便利です♪

バナーやロゴのデザイン、募集中なんですね^^

でも自分は、絵心が、ないので~^^;

のちほど、お礼にうかがいます♪^^


かずさん

あのプロジェクト、前進しつつあるんですね。

それで、忙しくなられたという事は、良いことだと思いますよ。^^

ブログは、あくまで「時間があった時に、更新すればよいツール」なんですから。

やはり、何事も、リアルでの活動が、基本ですよね。^^


のちほど、お礼にうかがいます♪^^


untyeさん

厳密にいえば、タグで「多少は」ブログが重くなります。

ですが、今の回線速度やマシンの性能からいって、それは「ごく軽微」な重さなんです。^^

ブログが重くなる一番の原因は、ブログパーツですね。><


ブログパーツは、動画を使っていたり、通信(情報取得)のために、ブログパーツ運営会社にアクセスしています。

その間の待ち時間などが加算されて、ブログが重くなるんです。><

ブログパーツは、1~2個に留めておいた方が、無難だと思いますよ。^^

のちほど、お礼にうかがいます♪^^


サユサユさん

この方法は、他のブログさんでもよく見かけるので、問題ないと思いますよ。^-^

こういった、「隠しアイテム」的な仕掛けをしておくと、
探し出してくれた方の親近感もアップしてもらいやすいですし、

限られたスペースをいかに有効活用するか?

といった悩みの解消も、一挙解決!出来ますから^^

のちほど、お礼にうかがいます♪^^
2008/06/14(土) 13:25 | URL | アフィリエイトレンジャー #-[ 編集]
初めまして、あし@から、訪問しました。

めちゃめちゃ参考になりました。
HTMLタグも使い方次第ですね^^

☆ポチっと1票
2008/06/15(日) 14:19 | URL | ☆美久☆ #viXl6.zo[ 編集]
☆美久☆さん、こんにちは^^
☆美久☆さん、はじめまして^^
コメントありがとうございます^^

タグは、使い方や、使うタイミングによって、飛躍的にブログが楽しく見やすくなりますから、おすすめです^^

「ちょっと目立たせたいな」という時にぜひ使ってみて下さい^^

のちほど、お礼にうかがいます♪^^
2008/06/16(月) 10:47 | URL | アフィリエイトレンジャー #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/105-bc28902c
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。