アクセスカウンタのカスタマイズ方法を説明します。
なお、今回利用するカウンタデータファイルは「count.dat」とします。
下記オプションを指定することにより、デザイン、色、桁数などをカスタマイズできます。
まず、基本となるカウンタデザインを選択します。
続いて、オプションを"&"でつないで記述します。
<body> <div align="center"> <font color="#ff0000"><b>ようこそ○○のホームページへ!</b></font><br> </div> <br> <div align="center"> <small> あなたは </small> <img src="/cgi-bin/Count.cgi?df=count.dat&dd=C&ft=3&frgb=ff0000"> <small>人目のお客様です。</small> </div> <br> </body> |
ようこそ○○のホームページへ! あなたは 人目のお客様です。 |
| 機能 | オプション | nの値 | 備考 |
|---|---|---|---|
| カウンタのデザインを指定 | dd=n | A~E | |
| フレームの太さを指定 | ft=n | 0~ | 0および省略時はフレームなし |
| フレームの色を指定 | frgb=n | 16進:000000~ffffff 10進:00;00;00~255;255;255 |
R(赤)G(緑)B(青)の順に指定 |
| 3桁毎にカンマを表示 | comma=T | - | |
| カウンタの向きを指定 | rotate=Y degrees=n |
- 90、180、270 |
|
| カウンタの色、またはカウンタの 背景の色を変更 |
srgb=n&prgb=n | 16進:000000~ffffff 10進:0;0;0~255;255;255 |
R(赤)G(緑)B(青)の順に指定 |
| カウンタの色、およびカウンタの | nagate=T | - | |
| 背景を透明にする | tr=T | - | |
| カウンタの桁数を指定 | md=n | 5~ | |
| ゼロを表示しない | pad=0 | - | |
| 常に指定の数字を表示 | lit=n | 0~ |
【カウンタ以外の機能】
| 機能 | オプション |
|---|---|
| デジタルクロックを表示 | display=clock |
| デジタルカレンダを表示 | display=date |
* 今回利用するカウンタデータファイルは"count.dat"とします。
アクセスカウンタ A
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A" >

アクセスカウンタ B
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=B" >

アクセスカウンタ C
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=C" >

アクセスカウンタ D
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=D" >

アクセスカウンタ E
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=E" >

フレームの太さを指定
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A&ft=0" >

フレームの太さを指定
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A&ft=7" >

フレームの色を指定 (16進)
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=B&ft=3&frgb=ff0000" >

フレームの色を指定 (10進 「;」セミコロンで区切る)
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=B&ft=3&frgb=255;215;0" >

<img src="/cgi-bin/Count.cgi?df=count.dat&comma=T" >

縦方向に回転
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=D&rotate=Y" >

角度回転指定(180度回転)
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=D°rees=180" >

文字の色を白から赤に変える
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=C&srgb=ffffff&prgb=ff0000" >

背景を黒から金色に変える
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=C&srgb=000000&prgb=ffd700" >

<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A&negate=T" >

<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A&tr=T" >

<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A&md=10" >

<img src="/cgi-bin/Count.cgi?df=count.dat&dd=B&pad=0" >

<img src="/cgi-bin/Count.cgi?df=count.dat&dd=B&lit=777777" >

デジタルクロック(12時間表示)
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=B&display=clock" >

デジタルクロック(24時間表示)
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=B&display=clock&tformat=24" >

デジタルカレンダー(MM-DD-YYYY)
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A&display=date" >

デジタルカレンダー(YYYY-MM-DD)
<img src="/cgi-bin/Count.cgi?df=count.dat&dd=A&display=date&dformat=yyyymmdd" >
