最近、ピグの楽しいことが少なくなったので、ブログのトップページの画像をオリジナルスキンに切り替えられるようにしました。
マウスロールオーバーで、カーソルを重ねると画像が別の画像に切り替わるようにしました。
オリジナルの画像のURLを見つけるのに苦労しました。
また、デザインをカスタマイズするのが初めてだったので、CSSの内容をよく理解していなくて不要な行が二重に重なってしまい、うまくカーソルのロールオーバーで画面が切り替わらなくて苦しみました。
普通は、新しいCSSの内容を最後に追加すればいいらしいのですが、ある同じ意味の行が重なると画像が切り替わらないことがわかり、勉強になりました。
なお、この画像のマウスロールオーバーによる切り替え方や不具合点は、ママンさんにいろいろアドバイスをいただいてもらいました。
その後、どうにか無事に思ったオリジナルスキン画像がカーソルを重ねることで切り替わりうれしかったです。
ありがとうございました。感謝です。
注意点：
画像を同じ大きさで作成しても、重なりがずれるときがあります。
そのときは、画像のサイズ設定の数字を多少小さくするなりすれば、奇麗に重なります。
また、サイドバーのタイトルも多少空白ができるときがありますが、そこも設定サイズを小さくすればなくなります。
これから、もう少しCSSの勉強をしたいと意欲がでてきました。
またね。
