パピヨン☆サクラとアトムの徒然日記

　先日の１２日はサクラさんのお誕生日でした。


病気や怪我もなく、無事に６才になりました。

おめでとう　サクラ　


　私の事情で、どこにも遊びにも連れて行ってあげられないので、手作りケーキでお祝いしてあげました。

サクラ「え？手作り？どれが？？？　ちっちゃなホットケーキに生クリームとラズベリーが乗ってただけやん。メッチャ手抜きちゃうのん　　」

私「ま、そう言わずに。サクちゃん、おめでとう。これからも元気で長生きしてね。って気持ちは込めたつもりやし～。お砂糖抜きのヘルシーケーキ。美味しかったやろ？ランくんとアーちゃんなんか即完食やったんやで。」

サクラ「ブ～　　他のみんなのような本格的なワンコケーキがよかったな～。」


というような、サクラさんのお誕生日でした。

　ケーキの写真？　ふふふ、匂いに釣られたランとアトムのせいで大騒ぎになっちゃたので写真を撮る余裕なんかありませんでした。

アトム　　「・・・・・・・・・・・・・・・。マミ～、ちょっとは羞恥心があったんやな。」




　１２月に入ってから（１１月からかな）忙しい毎日が続いています。
週休１日で頑張っていますよ。

どこにも遊びに行けないので、過去のサクアトたちの写真を引っ張り出してきては画像編集をして遊んでいます。
ついでに少し画像編集ソフトの使い方を勉強っていうか、練習中です。

写真がショボイから編集でごまかそうかな～、って気持ちも少し。


これが、今の私のデスクトップ壁紙。



猿顔アトムがお猿さんを見てるの図。





またまたアトムが走っています。
マウスポイントを乗せてね。アーちゃんが走りますよ。



こんなふうな画像を作りたかったんですが、作り方がわからなくて随分調べたんですよ。
やっと解ったのでUPすることが出来ました。


興味のある方は、続きを読むで紹介しています。

でも、みんなは知ってるのかな？多分知らなかったのは私だけ？


★.・。゜･☆。.・'。.★.・。゜･☆。.・'。.★.・。゜･☆。.・'。.★ ・。゜･☆


ブログランキングに参加しています。

ここをポチッと、お願いします♪

こっちもポチッと、よろしく～。
いつも、応援ありがとうございます。たいへん励みになっています。



◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇ マウスポイントで動く画像の作り方。

このような画像をロールオーバー画像と言います。

２～３枚の静止画像でつくったり、↑の<走るアトム>のように真ん中にアニメーションを入れたりできます。

ネット上でよく使われているのがGIFアニメですが、↑の<走るアトム>を作るのに使ったGIFアニメ編集ソフトはGiamっていうフリーソフトです。




さて、本題に入ります。

ここからがロールオーバー画像についてに説明です


①　画像をブログにUPする場合は、画像（写真や絵）をアップロードして、それを記事にファイルの挿入で入れるだけですが、ロールオーバー画像の場合は２枚、ないしは３枚の画像をまずアップロードします。


②　その２～３枚の画像それぞれのアドレスをパソコン内のメモ帳にコピーしておきます。


③　<○○○ src="最初の画像のアドレス" onmouseover="this.src='触れた時の画像のアドレス'"onmouseout="this.src='触れた後の画像のアドレス'" border=0>　

（ ○○○のところにimgと入れ替えてくださいね。　このソースコードを続けて入れたら表示できないんです。）

赤文字のところに先ほどメモ帳にコピーした画像のアドレスを入れます。


これを静止画像のソースコードの変わりに入れるだけです。

★　画像のアドレス以外のソースコードはそのまま使ってください。スペースを開けないで最初から最後まで続けてください。


私が初めて、画像のアドレスをコピペで入れたときに変なスペースが開いたので、うまく動かなかったんです。


以上でロールオーバー画像の説明を終わります。



これからも、画像編集の超初心者マミが憶えたてホヤホヤの情報をお知らせしますね。
お付き合いくだされば嬉しく思います。
このようにブログで記事にすることによって実践的に憶えられるかな～。ってね