ダウンロードの際には「ご使用上の注意」をよくお読み下さい

COOLSKIN-2

KENT WEBさんのスキン式掲示板「Topics Board」専用のスキンです。

サンプル

COOLSKIN-2の特徴
・「COOLSKIN-1」の写真配置を右側にしたタイプです。
・テキスト部分の左端が揃います。
・白バック専用で、シンプルなデザインにしました。
・横幅は400ピクセルに限定しています。ウインドウを広げても、一行の字数が多くならないので、読みやすいです。また、行間も適度に開いていますので、更に読みやすくなっていると思います。
・ 書き込みは管理者のみ可能ですので、更新情報や日記などに利用できます。
・スキンを変更することにより、別のデザインに変えることができます。
・画像は1度に3個まで同時にアップロードすることができます。一般的には横配置タイプが多いと思いますが、このスキンでは縦配置としました。
・大きな画像をアップロードしたときは、縮小表示されます。画像をクリックすると別ウインドウで元のサイズの画像が開きます。

●動作確認
・Windows版 I.E 6.0
・Macintosh版 I.E 5.16
以上で作者の意図通りの表示ができていることを確認済みです。

それ以外のブラウザについては動作確認ができていません。


■ダウンロードに関するご注意

当サイトでは、スキンファイルと画像など関連ファイルを配布しているだけですので、CGIスクリプト自体やその他の必要なファイルはあらかじめ KENT WEB さんのサイトから「Topics Board」をダウンロードしておいてください。

また、CGIの設置についても、KENT WEB さんのサイトのスクリプトの解説をよくお読みになって設置を行なってください。
当サイトでは、スキンについてのご質問・ご意見は承りますが、CGIの設置に関するご質問・ご意見には応じられません。
また、KENT WEBさんに、当サイト配布のスキンに関するご質問・ご意見などをされることもおやめください。

CGIスクリプトファイル自体は、KENT WEB さんに著作権があります。ダウンロードの際には、KENT WEB さんのサイトのCGIスクリプト利用規定をよくお読みください。↓こちら

CGIスクリプト利用規定

なお、「Topics Board」の最下部にある著作権表示は絶対に削除しないでください。

当スキンを小改造するときは、文字の大きさや文字色の変更程度に留めておくことをお勧めいたします。基本的にはデフォルトのままご使用いただくことを前提に、バランスを考えてデザインしています。変更を加えれば加えるほどバランスは崩れると思います。原型をとどめないほどの大改造をすることはご遠慮ください。改造したスキンを作者(豆壱郎)に無断で再配布すること、もしくは、著作権表示の部分だけ改変してあたかも自分が作ったスキンのようにみせかけて再配布することは禁止いたします。

当スキンをご使用されたことによるいかなる損害も作者(豆壱郎)は一切の責任を負いません。

■使用方法

(1)まずはじめに KENT WEB さんのサイトから「Topics Board」をダウンロードし、圧縮ファイルを解凍してください。

 ・CGIスクリプトのダウンロード→ KENT WEB さん

(2)当サイト配布の「Topics Board」専用スキン「COOLSKIN-2」を以下よりダウンロードし、圧縮ファイルを解凍してください。

ダウンロード

(3)ダウンロードした「COOLSKIN」の圧縮ファイルを解凍すると、フォルダの中に次の7点のファイルが入っています。

・tmp.html
・daiji.gif
・dot.gif
・back.gif
・top.gif
・next.gif
・home.gif

(4)この7点のファイルを、KENT WEB さんのサイトからダウンロードしてきた「Topics Board」のフォルダの中に入れてください。
(daiji.gif と dot.gif 以外は同じ名前のファイルが入っているので、「入れ替え」になります)
なお、KENT WEB さんのフォルダの中に元から入っている

・menu.gif
・left.gif
・right.gif
・space.gif

の4点の画像は使用しないので、削除していただいて結構です。

(5)topics.cgi と同じフォルダ内に、img という名前のフォルダを新規に作成してください。

最終的に、フォルダの中は次の13点となります。

・topics.cgi
・topics.dat
・topisert.cgi
・cgi-lib.pl
・jcode.pl
・tmp.html
・daiji.gif
・dot.gif
・back.gif
・top.gif
・next.gif
・home.gif

・img(フォルダ)

青字のファイルは「COOLSKIN-2」からのファイルです。黒字のファイルは KENT WEB さんからダウンロードしたファイルです)

(6)KENT WEB さんのサイトの、CGIの設置に関する解説をよくお読みになり、指示にしたがって topics.cgi をエディタで開き、修正してください。
なお、このスキン「COOLSKIN-2」では、画像の表示部分を120×120ピクセルまでに設定していますので、基本設定の以下の青字部分は必ず変更してください。

==========================================

# 画像ファイルの最大表示の大きさ(単位:ピクセル)
# → これを超える画像は縮小表示します
$MaxW = 120; # 横幅
$MaxH = 120; # 縦幅

==========================================

この部分を変更しないとレイアウトが著しく崩れる恐れがあります。

ただし、ご自分でHTMLを改造され、レイアウトやデザインを修正される場合は、それにしたがって数値を任意に変更していただいて結構です。(でもそれじゃあ、わざわざこのスキンをダウンロードした意味がないよな・・・笑)

(7)以上の準備ができましたら、ファイルをサーバにアップロードし、パーミッションの設定などを行なってください。

■題字

いちばん上の題字は、デフォルトでは「TOPICS」ですが、別のタイプもご用意いたしました。
下の画像をダウンロードして入れ替えてください。ファイル名は daiji.gif から変えないでください。別の名前にしてしまうとリンクが切れて表示されなくなります。
日記用

更新情報用

▲Web素材(スキン)のページに戻る