スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

華麗なるスケート!!  真央チャン?? 将来はゴールドメダリストか?

<><>
<><>
<
><
>

<>ピールマン   <>イナバウアー   <>三回転   <>このボタンはおさないでね

※注意 イナバウアーはあまり長時間続けると頭に血が下がって選手が大変ですので短時間で終わらせてください。



tomoさんのページのダンスに感動して、スケートに挑戦してみました。
スケートのアイコンはナガイアイコン館からお借りしました.

少女の氷に映っている影は、同じ画像をdivタグなどでくくって縦に二つ並べ、下の画像のimgタグの中にしたのようなスタイルを記述すると実現できます。しかしながら、マーキーとこのフリップとオパシティーの組み合わせでこんな面白いものを作り上げたアイデアには脱帽ですね。到底私には思いつきませんですね。

ちなみにそれを支える影を作るソースをスタイルシート風に書いてみました。以下です。

<div style="width:100;height:200;"><img src="画像URL" style="width:100;height:100;"/><img src="画像URL" style="filter: flipV() alpha(style=0, opacity=30);width:100;height:100;"/></div>

透明度はopacityの数値で決まります。なにか面白いものを作ってみませんか。
ソースは<>を半角に、改行はすべて削除してください。


<center>
<div style="width:500px; height:350px;background-image:url(http://blogimg.goo.ne.jp/user_image/17/ed/a80bd3b39b82019a60dc9835a1a7cc1b.jpg);">
<span style="font-size: 1px;color:#cccccc;">
<<marquee direction=down behavior=alternate height=300 width=500 scrollAmount=2>
<<marquee behavior=alternate scrollAmount=5 width=500>
<div style="width:60px;height:120px;">
<<img id="skate01" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723591924bd6a918e8cba_import.gif" height=60 width=60>
<<img id="skate02" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723591924bd6a918e8cba_import.gif" height=60 width=60 style="filter: flipV() alpha(style=0, opacity=40);">
</div>
<</marquee>
<</marquee>
</span>
</div>

<span style="font-size: 1px;color:#cccccc;">
<<a href="#dummy" onclick="skate01.src='http://blogimg.goo.ne.jp/user_image/3a/63/ed2f4d30ef0d6a4ad0638895c5fb8a5f.gif';skate02.src='http://blogimg.goo.ne.jp/user_image/3a/63/ed2f4d30ef0d6a4ad0638895c5fb8a5f.gif'">
</span>
ピールマン</a>
   <span style="font-size: 1px;color:#cccccc;">
<<a href="#dummy" onclick="skate01.src='http://blogimg.goo.ne.jp/user_image/03/ef/35bfd15348dae6b1bbbc4bde2d5a6c74.gif';skate02.src='http://blogimg.goo.ne.jp/user_image/03/ef/35bfd15348dae6b1bbbc4bde2d5a6c74.gif'">
</span>
イナバウアー</a>
   <span style="font-size: 1px;color:#cccccc;">
<<a href="#dummy" onclick="skate01.src='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723591924bd6a918e8cba_import.gif';skate02.src='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723591924bd6a918e8cba_import.gif'">
</span>
三回転</a>
   <span style="font-size: 1px;color:#cccccc;">
<<a href="#dummy" onclick="skate01.src='http://blogimg.goo.ne.jp/user_image/3d/82/0fbfed716a31c2538b2aa63b0494a46f.gif';skate02.src='http://blogimg.goo.ne.jp/user_image/3d/82/0fbfed716a31c2538b2aa63b0494a46f.gif';">
</span>
このボタンはおさないでね</a>

<span style="font-size:10px;color:red;">

※注意 イナバウアーはあまり長時間続けると頭に血が下がって選手が大変ですので短時間で終わらせてください。</span>
</center>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。