東麻帆良駅 業務日誌
ネギま!を中心にアニメに関する情報を書いていく予定。
スポンサーサイト
--年--月--日 (--) --:-- | 編集
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
大麻帆良祭 カウントダウン用カウンターカスタマイズ法
2005年11月08日 (火) 03:19 | 編集
日付の部分を大きくしたり色を変える方法

この変更の仕方は、超素人というか、タグのことなんか全然
わからない人間がやったことなので間違っている可能性があります。

この記事は、長くなってしまってますが、説明自体は短いです(^_^;)

基本形
基本形は
『大麻帆良祭開催まであと○○日!』カウンターの設置の仕方 (猫とアニメと声優さん
よりお借りしたものです。

<h2><font color="#FF0000"><script language="JavaScript"><!--
var now = new Date();
var point = new Date(2005,12-1,10);
var countdown = Math.ceil( ( point.getTime() - now.getTime() ) / (1000*60*60*24) );
var countup = 0 - countdown;

if(countdown > 0) {
document.write('大麻帆良祭開催まであと、', countdown ,'日!');
}
else if(countdown == 0) {
document.write('今日は大麻帆良祭の当日です!!');
}
else {
document.write('大麻帆良祭から', countup ,'日が過ぎました。');
}
// --></script></font></h2>


で、現在当ブログで使っているもの↓ (トップで) ※変更箇所は青
注・このブログで使っているものは文字の大きさと太さを変更しました。


<font size="3"><font color="#FF0000"><script language="JavaScript"><!--
var now = new Date();
var point = new Date(2005,12-1,10);
var countdown = Math.ceil( ( point.getTime() - now.getTime() ) / (1000*60*60*24) );
var countup = 0 - countdown;

if(countdown > 0) {
document.write('大麻帆良祭開催まであと、<b><font size="5">', countdown ,'</font></b>日!');
}
else if(countdown == 0) {
document.write('<font size="5">今日は大麻帆良祭の当日です!!</font>');
}
else {
document.write('大麻帆良祭から<b><font size="5">', countup ,'</font></b>日が過ぎました。');
}
// --></script></font></font>

最初はとりあえず、ブログで記事の文字の大きさと太さを
変更するためのタグをそのまま流用していましたが、
その後に現在の物に変更になりました。

■日付の文字の色と大きさなどの変更の仕方
日付の文字の色や大きさの変え方は変更箇所として青くなっていますが、
『', countdown ,'』と『', countup ,'』囲むように、
<font color="#○○○○○"></font>や
<font size="○"></font>などのタグを入れてやればOKです

それから、注意しなくてはいけないのは、『countdown』『countup』の部分の
変更については必ず、 ', ←の外側に『今日は大麻帆良祭の当日です!!』
の表示については ' ←の内側に書かないとカウントダウン用カウンター
は表示されなくなります。

一応、タグに関してまったくと言っていいほど知らない人間が
やってみた変更の仕方なので、この変更によって、何かあっても責任はとれません。<(_ _)>
コメント
この記事へのコメント
こんばんは!
こうやればいいんですね!
あとで試して見ます。

それから別記事内でこちらの記事紹介させていただきますm(__)m

リンクもトラバもがんがんしちゃってください。あ、よろしければ相互リンクとかも^^
2005/11/08(火) 19:21 | URL | 黒猫 #-[編集]
コメントを投稿する
URL :
コメント :
パスワード :
秘密 : 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック
copyright © 2005 東麻帆良駅 業務日誌 all rights reserved.
Powered by . / Template by sukechan.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。