>TOP

シンプルタイプで、オリジナルCLOCKを作ろう!

シンプルタイプは、背景が透過されていますので、背景画像がそのまま透けて見えます。これを利用して、テーブルタグの背景画像に、自分のオリジナル画像をスキンとして指定し、その上に、シンプルタイプの時計をのせると、自分の好きなキャラクターや、アイドル、自分好みのデザインのオリジナル時計が作れてしまいます!是非、チャレンジしてみましょう!


サンプルソース
 1

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td
width="100" height="100" background="http://www.hikotora.com/fla2/happy.gif">
<embed SRC=http://www.hikotora.com/fla4/sinl2.swf width=100 height=100 wmode=transparent quality=high loop=true menu=false>

</embed></td>
</tr>
</table>

上記http://www.hikotora.com/fla2/happy.gifの部分に自分で作った時計の文字板画像をUPしたURLを入れます。緑のタグは、上のシンプルタイプの時計タグです。好みのシンプルタイプのタグに変更してください。
自分で作るオリジナル画像は、色々大きさを変えて工夫してみてください。大きくしたり、小さくした場合、同時に上でピンクにしてある、テーブルのサイズと、時計のサイズも変更する必要があるかもしれません。工夫していろいろやってみてくださいね!

ちなみに、上記サンプルは、このようになります↓



サンプルソース 2 (中級者向き)

レイヤーを使うと、もっとスマートにできます。

<div id="tokei" style="position:absolute; left:0px; top:0px; width:100px; height:100px; z-index:1; background-image: url(http://www.hikotora.com/fla2/happy.gif); layer-background-image: url(http://www.hikotora.com/fla2/happy.gif); border: 1px none #000000"><embed SRC=http://www.hikotora.com/fla4/sinl2.swf width=100 height=100 wmode=transparent quality=high loop=true menu=false>
</embed></div>


中級者向きなので、説明は省かせていただきます。
サンプルタグ1と見比べてやってみてください。
ちなみに 
left:0px; top:0px部分は、ページ左上から見た、表示位置です。この場合は、左上にぴったりくっついた状態になります。
※レイヤーの付加機能などで、Flash内部の、当サイトへのリンクが機能しなくなるような利用方法は、
不正利用扱いとなりますので、ご遠慮願います。その場合、無料利用になりませんので、利用料金をお支払いいただく事になります。

かっこいい時計作れたら、
是非掲示板などで、教えてください!
暇な時で、気が向いたらFlashに組み込んで作ったりするかも?