Tales of Chaotic Dream ~混沌の夢物語~

ardinの脳内を赤裸々に公開。日記・詩・小説もどきの他テンプレカスタム等、不定期更新。
注意事項
  1. 当ブログはイラストサイト:Dream of Chaosのコンテンツの一つです。
  2. ここをはけ口としている為、比較的高い頻度で愚痴や毒を吐きます。ご了承下さい。
  3. 詩や小説など管理人による創作物の無断転載は「ダメ、ゼッタイ。」タメ口は気にしませんが、必要以上に小文字、ギャル文字などは使わないで下さい。ある程度親しくなってからネタとしてなら許容出来ますが・・・。
  4. 当ブログや、メインサイト、及び管理人に関する事であれば、いかなる発言も意見の一つとして受け入れるつもりです。しかし、リンク先や、知人・友人、その他直接管理人にはどうしようもない事象に対しての誹謗中傷は自重して下さい。


NEWマークの表示時間等を変える

7/7に申請してまだ承認待ちですがそれは置いといて…
今回は最新記事などに表示させるNEWマークについてちょっと書きますよ。

現段階では新着記事などに表示されるNEW!!は12時間が経過すると表示されなくなります。
この時間を変えたい場合や表示を変えたい場合に行うカスタマイズです。

* * *

まず次の手順で新たにjsファイルを用意します。
文字色

function nw(u1,u2,u3,u4) {
var today=new Date();
var nt=12; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<font color="ff0000">NEW!!</font>')}
}
赤字が表示させておく時間、青字が表示させるものです。
赤字部分を24に変えれば24時間表示されます。
青字部分のNEW!!を任意の言葉に変えることもできますし、ff0000の部分を変えれば色も変えられます。
また、<img src="画像URL" border="0">のように書き変えれば画像を表示させることも可能です。
これをメモ帳などで拡張子.jsをつけて保存すればjsファイルが出来ます。
このファイルをアップロードして第1段階が終わるのですが、その前にできれば次の記述も記述しておいて下さい。
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
この記述は追記の開閉に関わる重要なものです。
これがなくなると正常に作動しなくなる恐れがあります。
私が読み込ませているjsファイルは両方とも記述してあるので、NEWマークだけの記述のjsファイルと差し替えた場合、おそらく追記の開閉が効かなくなるかと思います。

次にhtml中の下記の記述を書き換えます。場所は</head>のすぐ上です。
<!--▼新着記事用newマーク他▼-->
<script type="text/javascript" src="http://blog-imgs-24.fc2.com/t/a/l/talesofchaoticdream/test.js"></script>
<!--▲新着記事用newマーク他▲-->
このうち赤字の部分を自分でアップしたjsファイルのURLに書き換えて下さい。これで表示を変更させることが出来ます。
関連記事

EDIT [2008/07/15 12:07] その他 テンプレ Comment:0


<< | BlogTop | PageTop  | >>

コメントの投稿














管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL
http://talesofchaoticdream.blog32.fc2.com/tb.php/571-c266d0f9

Template Design by Tales of Chaotic Dream