人気ブログランキング | 話題のタグを見る
2006年 03月 19日
【HTML+TIME】 カスタマイズ 6 背景色を変化させて見ましょう

IE5以降だけです。他のブラウザの方ごめんなさい。

HTML+TIMEのカスタマイズです。
今回は、時間とともに背景色を変更する...です。
きっと華やかになる事と思います^^

その前にお願いです^^;
今回のソースを使われる方...出来たらでいいのでコメントくださいね^^
拝見させていただきたいので、よろしくお願いします。

あと、出来たらソースの転載はなるべくしないでね^^;




①と②は前回と同じです。
 前回のカスタマイズを行った方は、③だけでOKです。

①HTML全体の一番最初の行に次の文をコピーしてください。
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<?IMPORT namespace="t" implementation="#default#time2">
この2行の文は、動きのなかったHTMLに動きを持たせるための宣言文です。
絶対に入れ忘れないで下さい。
今後のカスタマイズでも、この2行が必要になってきますので^^

②CSSの最後に次の文をコピーしてください。
.time {behavior: url(#default#time2);}

これで準備は終了。でも記事書くときは結構大変ですのでがんばってみてください。

③HTMLの①の後ろに下の文をコピーしてください
<BODY ID="body1" STYLE="background-color:black;"><t:animateColor targetElement="body1" attributeName="background-color" begin="3" to="yellow" dur="10" autoreverse="true" repeatCount="indefinite" />

解説
 ①STYLE="background-color:black;
  最初に表示される背景色を設定します。カラーコードでもOKです。
 ②begin="3"
  ブラウザを開いてから色を変化させ始めるまでの秒数の設定です。
 ③to="yellow"
  何色に変化させるかを設定します。
 ④dur="10"
  何秒で変化させるかを設定します。(数字が小さいほど変化は早いです)
 ⑤autoreverse="true"
  変化させたあと、元に戻しますので true を設定しています
 ⑥repeatCount="indefinite"
  何回変化させるかを設定しています。
  そのページを表示している間変化させたいので indefinite を設定しています。

上手く出来ない方はご連絡くださいね。検証いたしますので
by chocobopapa | 2006-03-19 21:46 | スキン編集

記事更新停止中です;;
by chocobopapa
    
since 2005.9.17
Count Down
Ranking

第10位

マイペース
SunSet Swish

第9位

Around The World
MONKEY MAJIK

第8位

恋のダウンロード
仲間由紀恵
with ダウンローズ

第7位

太陽の下
レミオロメン

第6位

Kiss Me Good-Bye
アンジェラ・アキ

第5位

Startin'/Born To Be...
浜崎あゆみ

第4位

SEXY BOY-そよ風に寄り添って-
モーニング娘。

第3位

純恋歌
湘南乃風

第2位

一剣
氷川きよし

第1位

サヤエンドウ
はだしのシンデレラボーイ
NEWS
Chocobo Style
    
以前の記事
    
カテゴリ
    
最新のトラックバック
    
フォロー中のブログ
    
その他のジャンル
    
ファン
    
記事ランキング
    
ブログジャンル
    
画像一覧
Copy Right Chocobo Style Since 2006