サイト背景やタイトル背景等の画像をランダムに変えるカスタマイズを紹介します。
次の記述をHTMLの</head>のすぐ上に貼ります。
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像1のURL";
wall[1] = "画像2のURL";
wall[2] = "画像3のURL";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
これはサイト全体の背景画像をランダムに変える場合です。(standard,lightframe共に同じです。)
タイトル背景を変えたい場合は
body の部分を
standardをお使いの方は
#headerlightframeをお使いの方は
#header_bodyと変更してください。
画像はいくつでも増やせます。豊富な画像を用意しておくと訪問者に楽しんでもらえそうですね。
【2009/04/29 追記】記事の背景を変えたい場合は
body の部分を
standardをお使いの方は
.articlelightframeをお使いの方は
.ently_bodyと変更してください。
- 関連記事
-