「鍵カウンター」
ライン

leftcountcountcountcountcountcountright

実際どうなってるか分解してみると…
left count count count count count count right
こんな感じです。
数字の部分が実際のカウンターになります。
※このサンプルは動きません。

完成サイズ[幅110×高さ24ピクセル]

パーツが少ないので簡単です。
カウンターが回る度に1つしか無い鍵が出来ます。(売りはそれだけ…)
入り口に置いたりすると何かいい感じかな…と。

ライン
「鍵カウンター」の作り方。
部品見ただけで分かる方には必要の無い事です。
◇必要な事◇
 1、HTMLが理解できる。
 2、自分でCGIの設置ができる。
 3、プロバイダがCGIの使用を認めている

◇手順◇
 1、下の部品一覧から必要な部品をダウンロードする。
  • このカウンター専用のフォルダを一つ作るのが良いと思います。
  • ファイル名は変更しても構いませんが、そのままの方が分かり易いです。
 2、さらに下のソースをコピーして、カウンターを付けたい場所にペーストする。

 3、下のソースの赤字部分を消して、正しいファイルへのパスを入れる。
  • 各属性の値は変更するとレイアウトが崩れるので注意してください。
 4、CGIを設置する。「CGI呼び出しコード」を消して正しいコードを入れる。
  • オリジナルのgif画像が使用できるカウンターを使ってください。
  • このカウンターセットは表示桁数が大きければ鍵が長く、桁数が小さければ鍵が短くなります。
    下のソースは6桁のサイズに合わせてあります。
  • CGIはご自分で探して設置してください。私にはサポートできません。
    私が使わせてもらっているのは「とほほのWWW入門」さんのWwwCounterです。
  5、必要なファイルをサーバーにアップロードすれば出来上がりです。

ライン
「鍵カウンター」部品一覧(全て透過GIF)
左側(横3×縦24ピクセル/73バイト)
left 小さくてごめんなさい..
右側(横71×縦24ピクセル/305バイト)
right赤right青right緑right紫
カウンター用数字(横6×縦24ピクセル/88〜97バイト)
0 1 2 3 4 5 6 7 8 9.
Windowsユーザーの方は画像にカーソルを合わせて
「右クリック」→「名前を付けて画像を保存」でお持ち帰り下さい。

ライン
「鍵カウンター」ソース
<IMG SRC="「左側」へのパス" WIDTH="3" HEIGHT="24" ALT="left" BORDER="0"><IMG SRC="CGI呼び出しコード"WIDTH="36" HEIGHT="24" ALT="カウンター"><IMG SRC="「右側」へのパス" WIDTH="71" HEIGHT="24" ALT="right" BORDER="0">

レイピア <<<    カウンター実験室    >>> 絵皿