シュミエ館／素材小屋／カウンター実験室

「WANTED!カウンター」

画像をつなげて、こんなカウンターができます。
実際どうなってるか分解してみると…
↓

こんな感じです。
数字の部分が実際のカウンターです。
※このサンプルは動きません。

完成サイズ［幅120×高さ150ピクセル］

一応思い描いた通りに出来ました。なかなかお気に入りです。
パーツを自由に選べるという利点がありますが
実用度は低いかもです…。
キリ番ゲッターを捕まえるのには、なかなか良いんじゃないかと思います。

「WANTED!カウンター」の作り方。

◇必要な事◇
　１、HTMLが理解できる。
　２、自分でCGIの設置ができる。
　３、プロバイダがCGIの使用を認めている

◇手順◇
　１、下の部品一覧から必要な部品をダウンロードする。

このカウンター専用のフォルダを一つ作るのが良いと思います。
ファイル名は変更しても構いませんが、そのままの方が分かり易いです。

　２、さらに下のソースをコピーして、カウンターを付けたい場所にペーストする。

　３、「ファイル名」を消して、正しいファイル名を入れる。

の間はコメントです。ブラウザには表示されないので、そのままでOKです。
分かり易い様に改行が入ってますが、詰めてしまってOKです。
各属性の値は変更するとレイアウトが崩れますので注意してください。

　４、CGIを設置する。「CGI呼び出しコード」を消して正しいコードを入れる。

このカウンターセットは表示桁数が６桁専用です。
６桁のカウンターか、桁数を自由に設定できる物を使ってください。
それからオリジナルのgif画像が使用できるという事も必須です。
CGIはご自分で探して設置してください。私にはサポートできません。
私が使わせてもらっているのは「とほほのWWW入門」さんのWwwCounterです。

　５、必要なファイルをサーバーにアップロードすれば出来上がりです。

◇補足◇　　2004/04/22更新
　イメージ部分は自分で作成した画像ならば差し替えOKです。
　　作成する場合は同じサイズ（横120×縦65ピクセル）でお願いします。
　　他の素材屋さんの素材等、著作権の絡む物は使わないで下さい。

「WANTED!カウンター」部品一覧（全てGIF）
上（横120×縦27ピクセル／360バイト）
		.	.
キリ番（横120×縦13ピクセル／220バイト）









	.	.	.
イメージ（横120×縦65ピクセル／760バイト）
	.	.	.
メッセージ（横120×縦10ピクセル／200バイト）
			.
カウンターの左右（左＝横24×縦19ピクセル　右＝横18×縦19ピクセル／／100バイト）
左→	右→	.	.
下（横120×縦16ピクセル／220バイト）
	.	.	.
カウンター用数字（横13×縦19ピクセル／100バイト）
		.