ブログのサイドバーに「飛び出す画像」を置いてみませんかぁ? | 【ハッピー画像加工】【ハッピー英語】

【ハッピー画像加工】【ハッピー英語】

英語を楽しめるネタや英会話で使えるフレーズ・発音記号・字幕付YouTube動画など英文素材も投稿します。画像・写真の編集・加工サイト・アプリ・フリーソフトの紹介。!スマートフォン(iPhone・Android)の気になる情報も掲載!



 ママン様 に教わった方法で・・

 ブログのサイドバーに置いた画像にカーソルをもっていくと

 画像が飛ぶ出す方法を日記にしました

 ↓

クリックしようとすると逃げ出す「カラフルボール」


前回は、おおまかな説明でしたが・・

今回は、自分で好きな画像を置く方法の参考になるような

内容で日記を書こうと思います。



左サイドに画像を置くときにフリープラグインに貼りつけるタグ

<DIV id ="UU" style='position:relative;top:-20;cursor:Hand;' onmouseover="javascript:{x=event.x;y=event.y;oj=document.all('UU').style;if(x==0){x=250;y=10;}x+=30;y+=10;oj.pixelTop=x;oj.pixelLeft=y;}"> <br> <IMG src="http://stat.ameba.jp/user_images/4b/3e/10132572228.gif"></DIV >


右サイドに画像を置くときにフリープラグインに貼りつけるタグ

<DIV id ="UU" style='position:relative;top:-20;cursor:Hand;' onmouseover="javascript:{x=event.x;y=event.y;oj=document.all('UU').style;if(x==0){x=250;y=10;}x+=-300;y+=-100;oj.pixelTop=x;oj.pixelLeft=y;}"> <br> <IMG src="http://stat.ameba.jp/user_images/4b/3e/10132572228.gif"></DIV >


赤い文字のURL(リンク)を差し替えることで好きな画像で遊ぶことができます ♪



URL(リンク)を取得する方法は↓の日記をご参考して下さい。


【PCの時!】プチメで画像をやりとりする方法です~♪


動く画像(GIFアニメ)でなくても

サイドバーに置いた画像が飛び出すのを見るのは

おもしろいのではないでしょうか?( ̄▽+ ̄*)



★ ★ ★ ★ ★ ★ ★ ★ ★

やってみたい画像が・・

でかくてサイドバーにおけないじゃん

というときは・・・


こちらの日記でインターネットで

画像の余分な所を切り取る方法を書いていますので参考にしてください♪

   ↓
画像を切り抜きできるサイト「cropper」♪ 切り抜ききの画像加工ができるサイトです!



★ ★ ★ ★ ★ ★ ★ ★ ★


やっぱり動く画像(GIFアニメ)がいいな~

と思ったらこちらの日記で紹介しているサイトに

いっぱいGIFアニメあります。

  ↓

バレンタイン画像が3000個以上のサイト! Glitter-Graphics.Com




★ ★ ★ ★ ★ ★ ★ ★ ★



 

      人気ブログランキングへ    

      アップ ポチッといただければ嬉しいです

         


★ ★ ★ ★ ★ ★ ★ ★ ★