yozoの気が向いたと記2.0

1. XHTML準拠のための<meta>タグの追加しました。
2. <table>タグにsummary属性の追加しました。
   
   <table cellpadding="2" cellspacing="0" style="width:140px; border-style:none;" summary="BBSの投稿欄です。">
3. <input>タグや<textarea>タグにaccesskey属性とtabindex属性を追加しました。
   
   <input type="text" name="name" size="21" accesskey="b" tabindex="2" value="name" />
4. <input>タグの初期値にはvalue属性と追加しました。
   <textarea>タグの初期値は<textarea>〜</textarea>の間に入力します。しかし、このままでは、実際カキコしようとするときに、この初期値をいちいち削除しないといけません。そこでtextareaにカーソルがはいる(フォーカスされる)と、初期値が消えるように
   onfocus="if (comment.innerHTML =='お気軽にカキコしてください。') comment.innerHTML = '';"を追加しています。
   
   このカスタマイズは、お友達のROOM-Mのmioさんの記事コメントプレビューを参考にさせていただきました。mioさん、ありがとーございまっす♪　m(_ _)m
   
   
   <textarea name="comment" id="comment" cols="23" rows="5" accesskey="e" tabindex="5" onfocus="if (comment.innerHTML =='お気軽にカキコしてください。') comment.innerHTML = '';">お気軽にカキコしてください。</textarea>
5. 最後になりましたが、実はusamoスキンはXHTMLに完全に準拠したわけではありません。下のように、どうしても<や>をそのままHTMLファイルの中で使用しないとCLEVER BBSが正常に動かない場所があります。これにはお手上げでしたので、残念ながら2006/09/10の段階ではそのままにしてあります。
   
   <span style="color:color<!--s-->;">comment<!--s--></span>

↓　ぽちっと応援お願いします♪ m(_ _)m

　なぜならこのフィルターはＩＰアドレスレベルで不正な接続を根こそぎカットできちゃうからです。海外からのスパムは１００％！日本からのスパムもほぼ１００％排除できますので．．．これさえ導入すれば貴方のスパムに怯える憂鬱なブログ人生がバラ色にかわること請け合いです(^0^)
スパム対策の決定版？ＩＰスパムフィルターできました(^^)/ ＭＴ ＆ ＳＢ 共通！より一部引用

1. 　CleverBBS本体を改造しないスパム対策ができました！からclever_set.zipをダウンロードし、解凍し[clever_set]フォルダを開きます。
   　まず、「ipchk.cgi」ファイルをメモ帳やエディタで開いて、１行目を#!/usr/bin/perlの部分を、プロバイダで定められたPerlのパスに変更してください。(yozoが使用しているPF-X.NETの場合は、#!/usr/bin/perlなので変更不要でした。)

   
   

   　次に「 ipcheck 」というフォルダを開いて、このフォルダの中の「 list.cgi 」「 settei.cgi 」というファイルがあります。このファイルをメモ帳やエディタで開いて、以下の箇所を修正します。(yozoの場合、パスワードの設定だけで済みました。)

   
   

   解凍ツールはダウンロードしてご自分のパソコンにインストールしましょう。
   無料圧縮･解凍ツール+Lhacaのダウンロード→+Lhaca
   yozoも使っているエディタのダウンロード→サクラエディタ Download

   
   
   1. Perlのパス設定
      １行目を#!/usr/bin/perlの部分を、プロバイダで定められたPerlのパスに変更してください。
      (PF-X.NETの場合は、#!/usr/bin/perlなので変更不要でした。)
   2. パスワードを指定
      例にならって自分好みのパスワードを指定します。例の下の行に指定します。
      

      # 必ず４文字以上のパスワードを指定してください
      # 例 $pass = 'hogehoge';
      $pass = 'n0dRw01N';

   3. 文字コードの指定
      yozoはCLEVER BBS Ver.4.21 (Shift_JIS)を使用していますから、Shift_JISとします。
      

      # 文字化けするときは文字コードを明示的に指定する
      # EUC-JP Shift_JIS UTF-8 等々！！
      $moji = 'Shift_JIS';

2. CLEVER　BBSがあるフォルダと同じところに[clever_set]フォルダの中身をすべてアップロードして、下記のように属性変更します。
   cleverフォルダ
   ├ clever.cgi [spattosupamcut.cgiに変更　705]
   ├ bbsini.cgi
   │
   

   〜途中省略〜

   
   ├─ ipcheckフォルダ [705]
   │     ├ list.cgi [705]
   │     ├ settei.cgi [705]
   │     └ 他のファイル [604]
   ├ index.cgi [705]
   ├ ipchk.cgi [705]
   ├ rewrite.dat[606]
   ├ spamlog.dat[606]
   ├ IP_Base.pm [604]
   ├ setting.js[604]
   ├ anime01.gif[604]
   ├ infoskin.html[604]
3. ブラウザのアドレスバーにhttp://〜/cgi-bin/clever/ipchk.cgiを入力してテストします。
   全てＯＫになるはずです。ＯＫにならなかったら、属性変更の確認をもう一度してください。
4. 使用しているCLEVER BBSの４つのファイル「clever.cgi」、「bbsini.cgi」、「resskin.html」、「cleverskin.html」及び、フィルター本体「index.cgi」を下のように修正して、上書きアップロードして、属性を変更します。(なお「clever.cgi」ファイルは削除してください。）
   
   1. 使用している「clever.cgi」ファイルの名前を修正します。（絶対推測できないような名前にするのが望ましい）
      アップロードした後は属性を705にしてくださいね。
      例　yozoblog.cgi ×容易に想像できます
      　　spattosupamcut.cgi ○まず思いつかないでしょう(^○^)
   2. 「bbsini.cgi」ファイルの変数 $script をindex.cgi に修正する！
      

      # スクリプトのファイル名 ____.02
      # → フルパスで指定する場合は http:// から記述
      $script = './index.cgi';

      
      　なお、念のため下の$htmfile = '';にindex.htmlなどが入っているとエラーとなりますから、下のように空にしておいてください。
      

      # 表示用インデックスファイル ____.04
      # → フルパスで指定する場合は / から記述 (作らない場合は未記入 '')
      $htmfile = '';

   3. 「resskin.html」ファイルと「cleverskin.html」ファイルの「clever.cgi」という部分をすべて「index.cgi」と修正してください
   4. フィルター本体「index.cgi」で$execと$perlの修正します。
      

      # 設定項目 =======================================
      # CGIのフルパス(フルパスがわかるようなら．．フルパスで！)
      $exec = './clever.cgi';→yozoの場合は'./spattosupamcut.cgi';です。
      # Perlの場所をフルパスで指定してください
      $perl = '/usr/bin/perl';→yozoの場合は変更不要でした。

5. ブラウザのアドレスバーにhttp://〜/cgi-bin/clever/index.cgiと入力して動作確認してください。うまくいったら、「ipchk.cgi」ファイルは不要ですから削除してください。
   　また、たけっぴろ！さんの好意で、「エラー表示画面」のinfoskin.htmlを自由にカスタマイズしていいとのこと。オリジナルのエラーメッセージ画面を作るのも楽しいかもしれませんね。(*^-^)　message と言う部分にエラーメッセージが入るので、messageを削除して自分のメッセージを入力しましょう。

↓　ぽちっと応援お願いします♪ m(_ _)m

このCLEVER BBSのスキン改造は、お友達のKOROPPYの本棚のKOROPPYさんの記事CLEVER BBSの投稿フォームをデフォルトで非表示に変更を参考にさせていただきました。
　また、使用したJavaScriptのコードはたつをの ChangeLogのたつをさんの記事Show/Hide Detailで紹介されています。
　KOROPPYさん、たつをさん、本当にありがとーございまっす　m(_ _)m

作業のポイント


• JavaScriptのコードを、<head>〜</head>に追加します。



• 表示／非表示となる<form>〜</form>部分を<div id="◎☆△□▽" style="display:none">〜</div>で囲みます。



• ボタンとなるリンクを、使いやすい場所に作成します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><!-- Copyright (c) usamo All rights reserved.//-->
<title>BBS</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="STYLESHEET" href="st.css" type="text/css">
<script type="text/javascript">
<!--
function show_hide(id) {
if (! document.getElementById) return;
if (document.getElementById(id).style.display != "block")
document.getElementById(id).style.display = "block";
else
document.getElementById(id).style.display = "none";
}
// -->
</script>
</head>
<body text="#666666" link="#666666" vlink="#666666" alink="#666666">
<div align="center"><h4><font color="#007495">yozo＆usamo BBS</font></h4>
《<a href="javascript:show_hide('searchform')">検索</a>》《<a href="./clever.cgi" onClick=window.open("./clever.cgi","_self")>リセット</a>》《<a href="javascript:show_hide('postform')">書込</a>》<br>
<!--cut-->
<div id="postform" style="display:none">
<form action="clever.cgi" method="POST" enctype="multipart/form-data"><input type="hidden" name="mode" value="regist">
<table border="0" cellpadding="2" cellspacing="0" width="140">
<tbody>
<tr>
<td colspan="2" align="right" height="20" valign="top">お気軽にどうぞ♪｜ <a href="clever.cgi" title="大きいウィンドウを開いてページ全体を表示" onClick="window.open('clever.cgi', 'BBS','top=10,left=150,width=300,height=650, scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directions=no,status=yes');">別窓</a></td>
</tr>
<tr>
<td colspan="2" align="right">Name <input type="text" name="name" size="21"></td>
</tr>
<tr>
<td colspan="2" align="right">Url <input type="text" name="url" size="23"></td>
</tr>
<tr>
<td colspan="2" align="right">File <input type="file" name="upfile" size="15"></td>
</tr>
<tr>
<td valign="top" colspan="2" align="right"><textarea name="comment" cols="23" rows="5"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="radio" name="color" value="#999999" checked style="border-style : none ;"><font color="#999999" size="2">+</font><input type="radio" name="color" value="#8cc68c" style="border-style : none ;"><font color="#8cc68c" size="2">+</font><input type="radio" name="color" value="#7da2b7" style="border-style : none ;"><font color="#7da2b7" size="2">+</font><input type="radio" name="color" value="#ffa851" style="border-style : none ;"><font color="#ffa851" size="2">+</font></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="radio" name="color" value="#ffb5b5" style="border-style : none ;"><font color="#ffb5b5" size="2">+</font><input type="radio" name="color" value="#cd5c5c" style="border-style : none ;"><font color="#cd5c5c" size="2">+</font><input type="radio" name="color" value="#916F6F" style="border-style : none ;"><font color="#916F6F" size="2">+</font><input type="radio" name="color" value="#EAAF00" style="border-style : none ;"><font color="#EAAF00" size="2">+</font></td>
</tr>
<tr>
<td align="right" colspan="2">　 Pass <input type="password" name="pwd" size="8" maxlength="8"> <input type="submit" value="Send"></td>
</tr>
</tbody></table></form></div>
<div id="searchform" style="display:none">
<form action="clever.cgi" method="POST" enctype="multipart/form-data"><input type=hidden name=mode value="find">
<table border="0" cellpadding="2" cellspacing="0" width="140"><tbody>
<tr>
<td colspan="2"><font color="#FFFFFF" size="1">検索</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font size="1">Search </font> <input type=text name="word" size="17"></td>
</tr>
<tr>
<td colspan="2" align="right"><input type=submit value="検索する"> <input type=button value="リセット" onClick=window.open("./clever.cgi","_self")></td>
</tr>
<tr>
<td colspan="2" align="right"><input type=radio name="cond" value="and">
<font size="1">AND</font>
<input type=radio name="cond" value="or">
<font size="1">OR</font></td>
</tr></tbody></table></form></div>
<br>
<!--cut-->
<table border="0" cellpadding="2" width="140" cellspacing="0" style="border : 1px solid #666666;">
<tbody>
<tr>
<td align="center">
<table cellspacing="0" cellpadding="2" border="0" width="100%">
<tbody>
<tr>
<td class="a">name<!--s--> url<!--s--></td>
<td class="a" align="right"><a href="resinput">RES</a></td>
</tr>
<tr>
<td align="center" colspan="2">img<!--s--></td>
</tr>
<tr>
<td colspan="2"><font color="color<!--s-->">comment<!--s--></font></td>
</tr>
<tr>
<td colspan="2" align="right">No.no<!--s--> date<!--s--></td>
</tr>
</tbody>
</table>
<!--cut-->
<hr size="1" width="100%" color="#666666">
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td colspan="2">resname<!--s--> resurl<!--s--></td>
</tr>
<tr>
<td colspan="2" align="center">resimg<!--s--></td>
</tr>
<tr>
<td colspan="2"><font color="rescolor<!--s-->">rescomment<!--s--></font></td>
</tr>
<tr>
<td colspan="2" align="right">No.resno<!--s--> resdate<!--s--></td>
</tr>
</tbody>
</table>
<!--cut--></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<!--cut-->
<table border="0" width="140">
<tbody>
<tr>
<td align="center">
<br><div align="center"><font size="1">footmsg<!--s--><br>
<b>back<!--s--></b></a>　<a href="clever.cgi?mode=admin" title="MASTER ONLY">**</a>　<b>next<!--s--></b></a><br><br>
以下のフォームから自分の投稿記事を削除することができます<br></div>
<form action="clever.cgi" method="POST"><input type="hidden" name="mode" value="usr_del">No. <input type="text" name="no" size="3">　Pass <input type="password" name="pwd" size="4" maxlength="8"><br><input type="submit" value="OK"></form>
</font>
<a href="http://solodesign.jp/" target="_blank" title="CGI">clever bbs</a>
<br>designed by <a href="http://usamo.seesaa.net/" target="_blank" title="DESIGN">usamo</a>
<br>Customized by <a href="http://yozoblog.exblog.jp/" target="_blank" title="DESIGN">yozo</a></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

<yozoからのお願い>

　yozoがここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「BBSのスキン改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければCommentやTrackbackしていただけたら、幸いです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m

まず、CLEVER BBSをブログに設置するには、CGIが使えるホームページスペースが必要です。iswebでは、掲示板の上下に広告が表示されてしまってとても不細工です。
それで、yozoは、お友達のROOM-Mのmioさんの記事模様替えついでにで紹介されている、PF-X.NETに申し込み(趣意文を書かされて簡単な審査をPASSする必要があります。)して、無料でCGIが使えて、その上広告が表示されないホームページスペースを確保しました。

1. solo.designの記事CLEVER BBSより、セキュリティが強化された、CLEVER BBS Ver 4.21 [Shift JIS Ver4.21]をダウンロードして、解凍してください。
   解凍ツールはダウンロードしてご自分のパソコンにインストールしましょう。
   無料圧縮･解凍ツール+Lhacaのダウンロードはコチラ→+Lhaca
2. 解凍された[clever]フォルダの中のファイルの設定を下のように変更しました。
   これはあくまでyozoの場合です。もちろん同じ設定をされても構いませんが自己責任でお願いします。詳しくは、マニュアルを見て確認してください。
   
   デフォルトの[clever]フォルダの中身
   bbsini.cgi -- スクリプト用設定ファイル
   clever.cgi -- 掲示板用スクリプト
   cgi-lib.pl -- CGIスクリプトライブラリ
   clever.log -- データログファイル
   jcode.pl -- 日本語コード変換ライブラリ
   cleverskin.html -- CLEVERSKINファイル(通常表示部分)
   resskin.html -- CLEVERSKINファイル(レス表示部分)
   [img]フォルダ
   [lock]フォルダ
   
   
   • perlのpassの設定(clever.cgi）
     clever.cgiの一番上の行です。必要なら変更して上書き保存するだけです。
     
     PF-X.NETの場合は、
     #!/usr/local/bin/perl→#!/usr/bin/perl　としてください。
   • bbsini.cgiの設定
     たくさん項目がありますが、下の設定だけ修正しました。
     
     # 管理者用マスタパスワード (英数字で８文字以内) ____.03
     $pass = '□△☆◎';
     

     # アップロードディレクトリ ____.07
     # → パスの最後は / で終わること
     # → フルパスだと / から記述する
     $ImgDir = "./up-img/";

     
     

     # アップロードディレクトリのＵＲＬパス ____.08
     # → パスの最後は / で終わること
     $ImgUrl = "http://〜省略〜/cgi-bin/clever/up-img/";

     
     

     # 名前の入力省略の可否（省略可は'0'、省略不可は'1'） ____.01
     $in_name = '1';

     
     

     # URL省略の可否（省略可は'0'、省略不可は'1'） ____.03
     $in_url = '1';

     
     

     # 画像ファイル省略の可否（省略可は'0'、省略不可は'1'） ____.04
     $in_img = '0';

     
     

     # コメント省略の可否（省略可は'0'、省略不可は'1'） ____.05
     $in_comment = '1';

     
     

     # URLのテキストの指定 ____.03
     $home_text = 'URL';

     
     

     # アップロードを許可するファイル形式 ____.02
     #（許可しない場合は0、許可する場合は1とする）
     $gif = 1; # GIFファイル
     $jpeg = 1; # JPEGファイル

   • [up-img]フォルダを[clever]フォルダの中に作成してください
     (中身はからっぽですよ♪)
3. ブログに設置できるように、ブログ用スキンを変更しましょう。
   

   　たくさんのサイトが、スキンを配布されていますので、色々さがしてみてくださいね。こちらを参考にしてください→スキン配布サイト

   　下の２種類のusamoスキンのソース(それぞれcleverskin.htmlとresskin.htmlとst.css)をそのまま使用してくださって構いません。また、必要な修正をしてくださっても構いません。ただし、ご使用に際しては、この記事にコメントくださるか、トラックバックしていただけますようにお願いします。
   　これは、不具合があったときに、yozoから連絡できるようにさせていただくためですので、ご協力お願いします。m(_ _)m
   使用する場合は、新規テキストファイルを開いて、下のコードをコピペして、ファイル名をそれぞれ「cleverskin.html」「resskin.html」「st.css」として保存すれば出来上がりです。

   
   
   table widthが140pxのもの(8色バージョン)
   

   cleverskin.html

   
   <?xml version="1.0" encoding="Shift_JIS"?>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" id="sixapart-standard">
   <head><!--Copyright (c) usamo All rights reserved.//-->
   <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
   <meta http-equiv="Content-Style-Type" content="text/css" />
   <meta http-equiv="Content-Script-Type" content="text/javascript" />
   <link rel="STYLESHEET" href="st.css" type="text/css" />
   <link rel="index" href="http://yozoblog2.blog63.fc2.com/" />
   <link rev="made" href="mailto:user@domain" />
   <title>BBS</title>
   <script type="text/javascript">
   <!--
   function show_hide(id) {
   if (! document.getElementById) return;
   if (document.getElementById(id).style.display != "block")
   document.getElementById(id).style.display = "block";
   else
   document.getElementById(id).style.display = "none";
   }
   // -->
   </script>
   </head>
   <body>
   <div class="textcenter"><div class="tablecenter"><p><span style="color:#007495; font-size:15px; font-weight:bold;">yozo＆usamo BBS</span></p>
   【<a href="javascript:show_hide('searchform')">検索</a>】【<a href="./clever.cgi" onclick='window.open("./clever.cgi","_self")' onkeypress='window.open("./clever.cgi","_self")'>リセット</a>】【<a href="javascript:show_hide('postform')">書込</a>】【<a href="clever.cgi" title="大きいウィンドウを開いてページ全体を表示" onclick="window.open('clever.cgi', 'BBS','top=10,left=150,width=300,height=650, scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directions=no,status=yes');" onkeypress="window.open('clever.cgi', 'BBS','top=10,left=150,width=300,height=650, scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directions=no,status=yes');">別窓</a>】<br />
   <!--cut-->
   <div id="postform" style="display:none">
   <form action="clever.cgi" method="post" enctype="multipart/form-data"><input type="hidden" name="mode" value="regist" accesskey="a" tabindex="1" />
   <table cellpadding="2" cellspacing="0" style="width:140px; border-style:none;" summary="BBSの投稿欄です。">
   <tbody>
   <tr>
   <td colspan="2" align="right">Name <input type="text" name="name" size="21" accesskey="b" tabindex="2" value="name" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">Url　<input type="text" name="url" size="21" accesskey="c" tabindex="3" value="http://" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">File <input type="file" name="upfile" size="15" accesskey="d" tabindex="4" /></td>
   </tr>
   <tr>
   <td valign="top" colspan="2" align="right"><textarea name="comment" id="comment" cols="23" rows="5" accesskey="e" tabindex="5" onfocus="if (comment.innerHTML =='お気軽にカキコしてください。') comment.innerHTML = '';">お気軽にカキコしてください。</textarea></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#999999" checked="checked" style="border-style : none ;" accesskey="f" tabindex="6" /><span style="color:#999999;">+</span><input type="radio" name="color" value="#8cc68c" style="border-style : none ;" accesskey="g" tabindex="7" /><span style="color:#8cc68c;">+</span><input type="radio" name="color" value="#7da2b7" style="border-style : none ;" accesskey="h" tabindex="8" /><span style="color:#7da2b7;">+</span><input type="radio" name="color" value="#ffa851" style="border-style : none ;" accesskey="i" tabindex="9" /><span style="color:#ffa851;">+</span></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#ffb5b5" style="border-style : none ;" accesskey="j" tabindex="10" /><span style="color:#ffb5b5;">+</span><input type="radio" name="color" value="#cd5c5c" style="border-style : none ;" accesskey="k" tabindex="11" /><span style="color:#cd5c5c;">+</span><input type="radio" name="color" value="#916F6F" style="border-style : none ;" accesskey="l" tabindex="12" /><span style="color:#916F6F;">+</span><input type="radio" name="color" value="#EAAF00" style="border-style : none ;" accesskey="m" tabindex="13" /><span style="color:#EAAF00;">+</span></td>
   </tr>
   <tr>
   <td align="right" colspan="2">　 Pass <input type="password" name="pwd" size="8" maxlength="8" accesskey="n" tabindex="14" /> <input type="submit" value="Send" accesskey="o" tabindex="15" /></td>
   </tr>
   </tbody></table></form></div>
   <div id="searchform" style="display:none">
   <form action="clever.cgi" method="post" enctype="multipart/form-data"><input type="hidden" name="mode" value="find" accesskey="p" tabindex="16" />
   <table cellpadding="2" cellspacing="0" style="width:140px; border-style:none;" summary="BBSの検索欄です。"><tbody>
   <tr>
   <td colspan="2"><span style="color:#FFFFFF; font-size:10px;">検索</span></td>
   </tr>
   <tr>
   <td colspan="2" align="right"><span style="font-size:10px;">Search </span> <input type="text" name="word" size="17" accesskey="q" tabindex="17" value="Keyword" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right"><input type="submit" value="検索する" accesskey="r" tabindex="18" /> <input type="button" value="リセット" onclick='window.open("./clever.cgi","_self")' onkeypress='window.open("./clever.cgi","_self")' accesskey="s" tabindex="19" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right"><input type="radio" name="cond" value="and" accesskey="t" tabindex="20" style="border-style:none;" />
   <span style="font-size:10px;">AND</span>
   <input type="radio" name="cond" value="or" accesskey="u" tabindex="21" style="border-style:none;" />
   <span style="font-size:10px;">OR</span></td>
   </tr></tbody></table></form></div>
   <br />
   <!--cut-->
   <table cellpadding="2" cellspacing="0" style="width:140px; border : 1px solid #666666;" summary="BBSの表示部分です。">
   <tbody>
   <tr>
   <td align="center">
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSの親記事の表示部分です。">
   <tbody>
   <tr>
   <td class="a">name<!--s--> url<!--s--></td>
   <td class="a" align="right"><a href="resinput">RES</a></td>
   </tr>
   <tr>
   <td align="center" colspan="2">img<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:color<!--s-->;">comment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.no<!--s--> date<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut-->
   <hr style="border: dotted 1 #666666; width:100%;" />
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSのレス記事の表示部分です。">
   <tbody>
   <tr>
   <td colspan="2">resname<!--s--> resurl<!--s--></td>
   </tr>
   <tr>
   <td colspan="2" align="center">resimg<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:rescolor<!--s-->;">rescomment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.resno<!--s--> resdate<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut--></td>
   </tr>
   </tbody>
   </table>
   <br />
   <!--cut-->
   <form action="clever.cgi" method="post">
   <table style="width:140px; border-style:none;" summary="BBSの投稿削除欄です。">
   <tbody>
   <tr>
   <td align="center"><br /><div style="text-align:center; font-size:10px;">footmsg<!--s--><br />
   <span style="font-weight:bold;">back<!--s--></a></span>　<a href="clever.cgi?mode=admin" title="MASTER ONLY">**</a>　<span style="font-weight:bold;">next<!--s--></a></span><br />
   下のフォームから自分の投稿記事を削除することができます。</div></td>
   </tr>
   <tr>
   <td align="center"><input type="hidden" name="mode" value="usr_del" accesskey="v" tabindex="22" />No. <input type="text" name="no" size="3" accesskey="w" tabindex="23" value="no" />Pass <input type="password" name="pwd" size="10" maxlength="8" accesskey="x" tabindex="24" />
   </td>
   </tr>
   <tr>
   <td align="center"><input type="submit" value="OK" accesskey="y" tabindex="25" />
   </td>
   </tr>
   <tr>
   <td align="center"><a href="http://solodesign.jp/" title="cgi">clever bbs</a>
   <br />designed by <a href="http://usamo.seesaa.net/" title="design">usamo</a>
   <br />Customized by <a href="http://yozoblog2.blog63.fc2.com/" title="customize">yozo</a>
   <br />usamoskin Ver.3.4.02</td>
   </tr>
   </tbody>
   </table>
   </form></div></div>
   </body>
   </html>
   

   resskin.html

   
   <?xml version="1.0" encoding="Shift_JIS"?>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" id="sixapart-standard">
   <head><!--Copyright (c) usamo All rights reserved.//-->
   <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
   <meta http-equiv="Content-Style-Type" content="text/css" />
   <meta http-equiv="Content-Script-Type" content="text/javascript" />
   <link rel="STYLESHEET" href="st.css" type="text/css" />
   <link rel="index" href="http://yozoblog2.blog63.fc2.com/" />
   <link rev="made" href="mailto:user@domain" />
   <title>BBS</title>
   </head>
   <body>
   <div class="textcenter"><div class="tablecenter">
   <!--cut-->
   <form action="clever.cgi" method="post"><input type="hidden" name="mode" value="regist" accesskey="5" tabindex="31" /><input type="hidden" name="reno" accesskey="6" tabindex="32" />
   <table border="0" cellpadding="2" cellspacing="0" style="width:140px; border-style:none;" summary="レス投稿欄です。">
   <tbody>
   <tr>
   <td colspan="2" align="right" valign="top" style="height:20px;"><a href="clever.cgi">トップ画面</a>｜レス画面</td>
   </tr>
   <tr>
   <td colspan="2" align="right">Name <input type="text" name="name" size="21" accesskey="b" tabindex="2" value="name" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">Url　<input type="text" name="url" size="21" accesskey="c" tabindex="3" value="url" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">File <input type="file" name="upfile" size="15" accesskey="d" tabindex="4" /></td>
   </tr>
   <tr>
   <td valign="top" colspan="2" align="right"><textarea name="comment" id="comment" cols="23" rows="5" accesskey="e" tabindex="5" onfocus="if (comment.innerHTML =='お気軽にカキコしてください。') comment.innerHTML = '';">お気軽にカキコしてください。</textarea></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#999999" checked="checked" style="border-style : none ;" accesskey="f" tabindex="6" /><span style="color:#999999;">+</span><input type="radio" name="color" value="#8cc68c" style="border-style : none ;" accesskey="g" tabindex="7" /><span style="color:#8cc68c;">+</span><input type="radio" name="color" value="#7da2b7" style="border-style : none ;" accesskey="h" tabindex="8" /><span style="color:#7da2b7;">+</span><input type="radio" name="color" value="#ffa851" style="border-style : none ;" accesskey="i" tabindex="9" /><span style="color:#ffa851;">+</span></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#ffb5b5" style="border-style : none ;" accesskey="j" tabindex="10" /><span style="color:#ffb5b5;">+</span><input type="radio" name="color" value="#cd5c5c" style="border-style : none ;" accesskey="k" tabindex="11" /><span style="color:#cd5c5c;">+</span><input type="radio" name="color" value="#916F6F" style="border-style : none ;" accesskey="l" tabindex="12" /><span style="color:#916F6F;">+</span><input type="radio" name="color" value="#EAAF00" style="border-style : none ;" accesskey="m" tabindex="13" /><span style="color:#EAAF00;">+</span></td>
   </tr>
   <tr>
   <td align="right" colspan="2">　 Pass <input type="password" name="pwd" size="8" maxlength="8" accesskey="n" tabindex="14" /> <input type="submit" value="Send" accesskey="o" tabindex="15" /></td>
   </tr>
   </tbody></table></form>
   <!--cut-->
   <table cellpadding="2" cellspacing="0" style="width:140px; border : 1px solid #666666;" summary="BBSの表示部分です。">
   <tbody>
   <tr>
   <td align="center">
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSの親記事の表示部分です。">
   <tbody>
   <tr>
   <td class="a">name<!--s--> url<!--s--></td>
   <td class="a" align="right"><a href="javascript:history.back();">戻る</a></td>
   </tr>
   <tr>
   <td align="center" colspan="2">img<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:color<!--s-->;">comment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.no<!--s--> date<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut-->
   <hr style="border: dotted 1 #666666; width:100%;" />
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSのレス記事の表示部分です。">
   <tbody>
   <tr>
   <td colspan="2">resname<!--s--> resurl<!--s--></td>
   </tr>
   <tr>
   <td colspan="2" align="center">resimg<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:rescolor<!--s-->;">rescomment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.resno<!--s--> resdate<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut--></td>
   </tr>
   </tbody>
   </table>
   <table style="width:100%; border-style:none;" summary="BBSのフッター部分です。">
   <tbody>
   <tr>
   <td align="center"><a href="http://solodesign.jp/" title="cgi">clever bbs</a>
   <br />designed by <a href="http://usamo.seesaa.net/" title="design">usamo</a>
   <br />Customized by <a href="http://yozoblog2.blog63.fc2.com/" title="customize">yozo</a>
   <br />usamoskin Ver.3.4.02</td>
   </tr>
   </tbody>
   </table>
   </div></div>
   </body></html>
   

   st.css

   
   body{
   scrollbar-3dlight-color: #ffffff;
   scrollbar-arrow-color: #cccccc;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-face-color: #ffffff;
   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color: #ffffff;
   scrollbar-track-color: #ffffff;
   font-size : 10px;
   color :#666666;
   }
   table{
   font-size : 10px;
   font-family : verdana,"ｍｓ ゴシック";
   text-align:left;
   }
   input,textarea{
   border : solid 1 #666666;
   background-color : #ffffff;
   color : #9666666;
   font-size : 10px;
   }
   /* リンク */
   a:link { color: #666666; text-decoration: none; }
   a:visited { color: #666666; text-decoration: none; }
   a:hover { color:#ffcccc; position:relative; top:1px; left:1px;}
   a:active { color: #666666; text-decoration: none; }
   .a{
   line-height : 20px;
   border-bottom : dotted 1 #666666;
   }
   .tablecenter {
   margin-left: auto;
   margin-right: auto;
   width:140px;
   }
   .textcenter
   {
   text-align: center;
   }
   
   
   table widthが150pxのもの(10色バージョン)
   

   cleverskin.html

   
   <?xml version="1.0" encoding="Shift_JIS"?>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" id="sixapart-standard">
   <head><!--Copyright (c) usamo All rights reserved.//-->
   <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
   <meta http-equiv="Content-Style-Type" content="text/css" />
   <meta http-equiv="Content-Script-Type" content="text/javascript" />
   <link rel="STYLESHEET" href="st.css" type="text/css" />
   <link rel="index" href="http://yozoblog2.blog63.fc2.com/" />
   <link rev="made" href="mailto:user@domain" />
   <title>BBS</title>
   <script type="text/javascript">
   <!--
   function show_hide(id) {
   if (! document.getElementById) return;
   if (document.getElementById(id).style.display != "block")
   document.getElementById(id).style.display = "block";
   else
   document.getElementById(id).style.display = "none";
   }
   // -->
   </script>
   </head>
   <body>
   <div class="textcenter"><div class="tablecenter"><p><span style="color:#007495; font-size:15px; font-weight:bold;">yozo＆usamo BBS</span></p>
   【<a href="javascript:show_hide('searchform')">検索</a>】【<a href="./clever.cgi" onclick='window.open("./clever.cgi","_self")' onkeypress='window.open("./clever.cgi","_self")'>リセット</a>】【<a href="javascript:show_hide('postform')">書込</a>】【<a href="clever.cgi" title="大きいウィンドウを開いてページ全体を表示" onclick="window.open('clever.cgi', 'BBS','top=10,left=150,width=300,height=650, scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directions=no,status=yes');" onkeypress="window.open('clever.cgi', 'BBS','top=10,left=150,width=300,height=650, scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directions=no,status=yes');">別窓</a>】<br />
   <!--cut-->
   <div id="postform" style="display:none">
   <form action="clever.cgi" method="post" enctype="multipart/form-data"><input type="hidden" name="mode" value="regist" accesskey="a" tabindex="1" />
   <table cellpadding="2" cellspacing="0" style="width:150px; border-style:none;" summary="BBSの投稿欄です。">
   <tbody>
   <tr>
   <td colspan="2" align="right">Name <input type="text" name="name" size="25" accesskey="b" tabindex="2" value="name" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">Url <input type="text" name="url" size="27" accesskey="c" tabindex="3" value="http://" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">File <input type="file" name="upfile" size="17" accesskey="d" tabindex="4" /></td>
   </tr>
   <tr>
   <td valign="top" colspan="2" align="right"><textarea name="comment" id="comment" cols="25" rows="5" accesskey="e" tabindex="5" onfocus="if (comment.innerHTML =='お気軽にカキコしてください。') comment.innerHTML = '';">お気軽にカキコしてください。</textarea></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#999999" checked="checked" style="border-style : none ;" accesskey="f" tabindex="6" /><span style="color:#999999;">+</span><input type="radio" name="color" value="#8cc68c" style="border-style : none ;" accesskey="g" tabindex="7" /><span style="color:#8cc68c;">+</span><input type="radio" name="color" value="#7da2b7" style="border-style : none ;" accesskey="h" tabindex="8" /><span style="color:#7da2b7;">+</span><input type="radio" name="color" value="#ffa851" style="border-style : none ;" accesskey="i" tabindex="9" /><span style="color:#ffa851;">+</span><input type="radio" name="color" value="#ffb5b5" style="border-style : none ;" accesskey="j" tabindex="10" /><span style="color:#ffb5b5;">+</span></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#ffb5b5" style="border-style : none ;" accesskey="k" tabindex="11" /><span style="color:#ffb5b5;">+</span><input type="radio" name="color" value="#cd5c5c" style="border-style : none ;" accesskey="l" tabindex="12" /><span style="color:#cd5c5c;">+</span><input type="radio" name="color" value="#916F6F" style="border-style : none ;" accesskey="m" tabindex="13" /><span style="color:#916F6F;">+</span><input type="radio" name="color" value="#EAAF00" style="border-style : none ;" accesskey="n" tabindex="14" /><span style="color:#EAAF00;">+</span><input type="radio" name="color" value="#C5A850" style="border-style : none ;" accesskey="o" tabindex="15" /><span style="color:#C5A850;">+</span></td>
   </tr>
   <tr>
   <td align="right" colspan="2">Pass <input type="password" name="pwd" size="17" maxlength="8" accesskey="p" tabindex="16" /> <input type="submit" value="Send" accesskey="q" tabindex="17" /></td>
   </tr>
   </tbody></table></form></div>
   <div id="searchform" style="display:none">
   <form action="clever.cgi" method="post" enctype="multipart/form-data"><input type="hidden" name="mode" value="find" accesskey="r" tabindex="18" />
   <table cellpadding="2" cellspacing="0" style="width:150px; border-style:none;" summary="BBSの検索欄です。"><tbody>
   <tr>
   <td colspan="2"><span style="color:#FFFFFF; font-size:10px;">検索</span></td>
   </tr>
   <tr>
   <td colspan="2" align="right"><span style="font-size:10px;">Search </span><input type="text" name="word" size="21" accesskey="s" tabindex="19" value="Keyword" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right"><input type="submit" value="検索する" accesskey="t" tabindex="20" /> <input type="button" value="リセット" onclick='window.open("./clever.cgi","_self")' onkeypress='window.open("./clever.cgi","_self")' accesskey="u" tabindex="21" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right"><input type="radio" name="cond" value="and" accesskey="v" tabindex="22" style="border-style:none;" />
   <span style="font-size:10px;">AND</span>
   <input type="radio" name="cond" value="or" accesskey="w" tabindex="23" style="border-style:none;" />
   <span style="font-size:10px;">OR</span></td>
   </tr></tbody></table></form></div>
   <br />
   <!--cut-->
   <table cellpadding="2" cellspacing="0" style="width:150px; border : 1px solid #666666;" summary="BBSの表示部分です。">
   <tbody>
   <tr>
   <td align="center">
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSの親記事の表示部分です。">
   <tbody>
   <tr>
   <td class="a">name<!--s--> url<!--s--></td>
   <td class="a" align="right"><a href="resinput">RES</a></td>
   </tr>
   <tr>
   <td align="center" colspan="2">img<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:color<!--s-->;">comment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.no<!--s--> date<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut-->
   <hr style="border: dotted 1 #666666; width:100%;" />
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSのレス記事の表示部分です。">
   <tbody>
   <tr>
   <td colspan="2">resname<!--s--> resurl<!--s--></td>
   </tr>
   <tr>
   <td colspan="2" align="center">resimg<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:rescolor<!--s-->;">rescomment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.resno<!--s--> resdate<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut--></td>
   </tr>
   </tbody>
   </table>
   <br />
   <!--cut-->
   <form action="clever.cgi" method="post">
   <table style="width:150px; border-style:none;" summary="BBSの投稿削除欄です。">
   <tbody>
   <tr>
   <td align="center"><br /><div style="text-align:center; font-size:10px;">footmsg<!--s--><br />
   <span style="font-weight:bold;">back<!--s--></a></span>　<a href="clever.cgi?mode=admin" title="MASTER ONLY">**</a>　<span style="font-weight:bold;">next<!--s--></a></span><br />
   下のフォームから自分の投稿記事を削除することができます。</div></td>
   </tr>
   <tr>
   <td align="center"><input type="hidden" name="mode" value="usr_del" accesskey="x" tabindex="24" />No. <input type="text" name="no" size="3" accesskey="y" tabindex="25" value="no" />Pass <input type="password" name="pwd" size="10" maxlength="8" accesskey="z" tabindex="26" />
   </td>
   </tr>
   <tr>
   <td align="center"><input type="submit" value="OK" accesskey="1" tabindex="27" />
   </td>
   </tr>
   <tr>
   <td align="center"><a href="http://solodesign.jp/" title="cgi">clever bbs</a>
   <br />designed by <a href="http://usamo.seesaa.net/" title="design">usamo</a>
   <br />Customized by <a href="http://yozoblog2.blog63.fc2.com/" title="customize">yozo</a>
   <br />usamoskin Ver.3.4.01</td>
   </tr>
   </tbody>
   </table>
   </form></div></div>
   </body>
   </html>
   

   resskin.html

   
   <?xml version="1.0" encoding="Shift_JIS"?>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" id="sixapart-standard">
   <head><!--Copyright (c) usamo All rights reserved.//-->
   <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
   <meta http-equiv="Content-Style-Type" content="text/css" />
   <meta http-equiv="Content-Script-Type" content="text/javascript" />
   <link rel="STYLESHEET" href="st.css" type="text/css" />
   <link rel="index" href="http://yozoblog2.blog63.fc2.com/" />
   <link rev="made" href="mailto:user@domain" />
   <title>BBS</title>
   </head>
   <body>
   <div class="textcenter"><div class="tablecenter">
   <!--cut-->
   <form action="clever.cgi" method="post"><input type="hidden" name="mode" value="regist" accesskey="5" tabindex="31" /><input type="hidden" name="reno" accesskey="6" tabindex="32" />
   <table border="0" cellpadding="2" cellspacing="0" style="width:150px; border-style:none;" summary="レス投稿欄です。">
   <tbody>
   <tr>
   <td colspan="2" align="right" valign="top" style="height:20px;"><a href="clever.cgi">トップ画面</a>｜レス画面</td>
   </tr>
   <tr>
   <td colspan="2" align="right">Name <input type="text" name="name" size="25" accesskey="b" tabindex="2" value="name" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">Url　<input type="text" name="url" size="27" accesskey="c" tabindex="3" value="url" /></td>
   </tr>
   <tr>
   <td colspan="2" align="right">File <input type="file" name="upfile" size="17" accesskey="d" tabindex="4" /></td>
   </tr>
   <tr>
   <td valign="top" colspan="2" align="right"><textarea name="comment" id="comment" cols="25" rows="5" accesskey="e" tabindex="5" onfocus="if (comment.innerHTML =='お気軽にカキコしてください。') comment.innerHTML = '';">お気軽にカキコしてください。</textarea></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#999999" checked="checked" style="border-style : none ;" accesskey="f" tabindex="6" /><span style="color:#999999;">+</span><input type="radio" name="color" value="#8cc68c" style="border-style : none ;" accesskey="g" tabindex="7" /><span style="color:#8cc68c;">+</span><input type="radio" name="color" value="#7da2b7" style="border-style : none ;" accesskey="h" tabindex="8" /><span style="color:#7da2b7;">+</span><input type="radio" name="color" value="#ffa851" style="border-style : none ;" accesskey="i" tabindex="9" /><span style="color:#ffa851;">+</span><input type="radio" name="color" value="#ffb5b5" style="border-style : none ;" accesskey="j" tabindex="10" /><span style="color:#ffb5b5;">+</span></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input type="radio" name="color" value="#ffb5b5" style="border-style : none ;" accesskey="k" tabindex="11" /><span style="color:#ffb5b5;">+</span><input type="radio" name="color" value="#cd5c5c" style="border-style : none ;" accesskey="l" tabindex="12" /><span style="color:#cd5c5c;">+</span><input type="radio" name="color" value="#916F6F" style="border-style : none ;" accesskey="m" tabindex="13" /><span style="color:#916F6F;">+</span><input type="radio" name="color" value="#EAAF00" style="border-style : none ;" accesskey="n" tabindex="14" /><span style="color:#EAAF00;">+</span><input type="radio" name="color" value="#C5A850" style="border-style : none ;" accesskey="o" tabindex="15" /><span style="color:#C5A850;">+</span></td>
   </tr>
   <tr>
   <td align="right" colspan="2">Pass <input type="password" name="pwd" size="17" maxlength="8" accesskey="p" tabindex="16" /> <input type="submit" value="Send" accesskey="q" tabindex="17" /></td>
   </tr>
   </tbody></table></form>
   <!--cut-->
   <table cellpadding="2" cellspacing="0" style="width:150px; border : 1px solid #666666;" summary="BBSの表示部分です。">
   <tbody>
   <tr>
   <td align="center">
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSの親記事の表示部分です。">
   <tbody>
   <tr>
   <td class="a">name<!--s--> url<!--s--></td>
   <td class="a" align="right"><a href="javascript:history.back();">戻る</a></td>
   </tr>
   <tr>
   <td align="center" colspan="2">img<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:color<!--s-->;">comment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.no<!--s--> date<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut-->
   <hr style="border: dotted 1 #666666; width:100%;" />
   <table cellspacing="0" cellpadding="2" style="width:100%; border-style:none;" summary="BBSのレス記事の表示部分です。">
   <tbody>
   <tr>
   <td colspan="2">resname<!--s--> resurl<!--s--></td>
   </tr>
   <tr>
   <td colspan="2" align="center">resimg<!--s--></td>
   </tr>
   <tr>
   <td colspan="2"><div style="color:rescolor<!--s-->;">rescomment<!--s--></div></td>
   </tr>
   <tr>
   <td colspan="2" align="right">No.resno<!--s--> resdate<!--s--></td>
   </tr>
   </tbody>
   </table>
   <!--cut--></td>
   </tr>
   </tbody>
   </table>
   <table style="width:100%; border-style:none;" summary="BBSのフッター部分です。">
   <tbody>
   <tr>
   <td align="center"><a href="http://solodesign.jp/" title="cgi">clever bbs</a>
   <br />designed by <a href="http://usamo.seesaa.net/" title="design">usamo</a>
   <br />Customized by <a href="http://yozoblog2.blog63.fc2.com/" title="custmize">yozo</a>
   <br />usamoskin Ver.3.4.01</td>
   </tr>
   </tbody>
   </table>
   </div></div>
   </body></html>
   

   st.css

   
   body{
   scrollbar-3dlight-color: #ffffff;
   scrollbar-arrow-color: #cccccc;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-face-color: #ffffff;
   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color: #ffffff;
   scrollbar-track-color: #ffffff;
   font-size : 10px;
   color :#666666;
   }
   table{
   font-size : 10px;
   font-family : verdana,"ｍｓ ゴシック";
   text-align:left;
   }
   input,textarea{
   border : solid 1 #666666;
   background-color : #ffffff;
   color : #9666666;
   font-size : 10px;
   }
   /* リンク */
   a:link { color: #666666; text-decoration: none; }
   a:visited { color: #666666; text-decoration: none; }
   a:hover { color:#ffcccc; position:relative; top:1px; left:1px;}
   a:active { color: #666666; text-decoration: none; }
   .a{
   line-height : 20px;
   border-bottom : dotted 1 #666666;
   }
   .tablecenter {
   margin-left: auto;
   margin-right: auto;
   width:150px;
   }
   .textcenter
   {
   text-align: center;
   }
4. [cgi-bin]フォルダの中に[clever]フォルダをアップロードしましょう。
   アップロード後、それぞれのファイル属性を下のように変更してください。
   
   アップロードするときの[clever]フォルダの中身
   bbsini.cgi -- スクリプト用設定ファイル
   clever.cgi -- 掲示板用スクリプト
   cgi-lib.pl -- CGIスクリプトライブラリ
   clever.log -- データログファイル
   jcode.pl -- 日本語コード変換ライブラリ
   cleverskin.html -- CLEVERSKINファイル(通常表示部分)
   resskin.html -- CLEVERSKINファイル(レス表示部分)
   st.css -- CLEVERSKINのCSSファイル
   [img]フォルダ
   [lock]フォルダ
   [up-img]フォルダ
   
   
   • 『〜.cgi』『〜.pl』はプログラムですので
     [読取][実行]をOKするようにします→705
     bbsini.cgi
     clever.cgi
     cgi-lib.pl
     jcode.pl
   • 掲示板ですから、カキコの記録(ログ)ファイルが必要です。
     [読込][書込]をOKするようにします→606
     clever.log
     
   • 残りのファイルやフォルダはそのままでＯＫのはずです。
     念のため、属性は下の通りです。
     cleverskin.html→604
     resskin.html →604
     st.css→604
     [img]→705
     [lock] →705
     [up-img]→705
     フォルダ属性は、開くようにしないといけません。
     つまり[実行]できないといけないので[読込][実行]→705となります。
5. IEのアドレスバーに、掲示板のURLに「?mode=check」を追加したアドレス(例　http://〜省略〜/cgi-bin/clever/clever.cgi?mode=check　)を入力してチェックしてください。その後の動作確認もしておくほうがいいでしょう。
6. FC2ブログにログインして、FC2ブログ管理者ページの左サイドの「環境設定」の項目[プラグインの設定]をクリックします。
7. 「プラグインの追加 [ 公式 / 共有 ]」をクリックします。
8. [フリーエリア]の [追加]をクリックします。
9. プラグインの[フリーエリア]に下のようにして、貼り付けましょう♪
   
   <iframe name="minibbs" id="minibbs" title="CLEVER BBS" src="http://〜省略〜/cgi-bin/clever/clever.cgi" width="185" height="450" scrolling="auto" frameborder="0" style="border-width :1px;border-style :solid;border-color :#000000;">iframeでCLEVER BBSを設置しています。</iframe>
10. [プレビュー]をクリックして、確認してから[変更]をクリックしてください。

↓　ぽちっと応援お願いします♪ m(_ _)m