2005年07月06日

カスタマイズ<マウスが乗ると画像が飛出る>

この記事は現在ランク1位の

「むちゃくちゃモテたい!」を参考にしているので

確認のためにここクリックon




さて、今日はここのブログを
若干動きのあるページにしたかったので、

現在大学生ブログランキング1位である

むちゃくちゃモテたい!

を参考にしながら作ってみましたグッド(上向き矢印)


むちゃくちゃモテたい!
を見ていて、

「リンクの上にマウスが来ると
 clickって画像がでてくるぴかぴか(新しい)


と、何とかしてこれを導入すべく、
とりあえずクリックの画像を作った…






・・・( ゚Д゚)マンドクサッ







とは思いつつも、同じのを使うのは
プライドが許さなかったので、
ホームページビルダーのウェブアートデザイナー
を駆使しながら、何とか作ってみたグッド(上向き矢印)





・・・まあまあの出来じゃないですか?




そして今度は、画像が飛び出てくるようにするため、
独学でお勉強・・・



いそいそとgoogleで検索してみることに・・・



おっ、

見つけた↓ぴかぴか(新しい)


ガンガン動く!無料ブログ



でもサンプルヴューと、
サンプルがどれが一致しているかわからなかったので、
しばし探すことに…




探すこと数分、
livedoorサンプルの50番にて発見目




seesaaではどこに埋め込むのかわからなかったので、
とりあえずサイドバーに自由形式を一つ増やした!
でも増やした部分を表示したくなかったので、
タイトルをコメント化して消してみたひらめき



結果見事に消えるるんるん



そして中身に↓を記述



<!-- マウスが乗ると画像がポップアップ! -->
<script type="text/javascript">
// 画像のURL
var mover_url = "ここに画像のURL";
</script>
<script type="text/javascript" src="ここにJavascript">
</script>





う〜ん、あっさりできてしまったグッド(上向き矢印)





あっ、ちなみに僕がBlogについて勉強する時は、


常に独学です!


他のページを参考にしつつ、
いろいろ試しながら学んで行きまするんるん


まあ、ぶっちゃけ、







・・・( ゚Д゚)マンドクサッ








知識のある人にでも質問すればよいものを、

僕は自力でやってしまいます(-_-;

おかげで疲れますダッシュ(走り出すさま)




そして、マウスが重なったときに
画像が飛び出るだけでは動きがすくないので、
文字を少しブラせられるようにしてみた。




先ほど作ったコンテンツに、


↓を加えただけであるるんるん



a:hover { position: relative;
left: 2px; top: 2px; }







あっけなかった( ̄▽ ̄;

今度は他の装飾でもしてみよう☆


人気Blogランキング参加 クリックおねがいします。

学生ブログランキング こちらもクリックお願いします。
posted by H2 at 01:20| Comment(0) | TrackBack(0) | Blogについて | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック
マンガのススメ〜!!
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。