CLEVER BBSのスキン改良　XHTML対応版 yozoの気が向いたと記2.0

2006年09月11日

CLEVER BBSのスキン改良　XHTML対応版

07/01/07 15：00追記

　残念ながらCLEVER BBSのサービス及び配布は終了しました。詳細はコチラ↓
yozoの気が向いたと記2.0 | 緊急！CLEVER BBS サービス停止と、usamoスキンの修正のお願い　usamoskin Ver.3.3.01と02

2007/02/14　cleverskin.html、resskin.htmlを修正しました。Ver.3.4.01と02
2006/11/21　cleverskin.html、resskin.html、st.cssを修正しました。Ver.3.3.01と02
2006/10/02　resskin.htmlの「RES」を「戻る」に修正しました。Ver.3.2.01と02

　2006/08/05の記事CLEVER BBSのスキン改良＜投稿及び検索フォームの表示／非表示ボタン設置＞でusamoスキンを改良しました。そして、今回はusamoスキンをXHTMLに準拠対応に再度バージョンアップしました。改良した点は以下の通りです。

XHTML準拠のための<meta>タグの追加しました。
<table>タグにsummary属性の追加しました。
<table cellpadding="2" cellspacing="0" style="width:140px; border-style:none;" summary="BBSの投稿欄です。">
<input>タグや<textarea>タグにaccesskey属性とtabindex属性を追加しました。
<input type="text" name="name" size="21" accesskey="b" tabindex="2" value="name" />
<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>
最後になりましたが、実はusamoスキンはXHTMLに完全に準拠したわけではありません。下のように、どうしても<や>をそのままHTMLファイルの中で使用しないとCLEVER BBSが正常に動かない場所があります。これにはお手上げでしたので、残念ながら2006/09/10の段階ではそのままにしてあります。
<span style="color:color;">comment</span>

　下の２種類の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>
<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">

</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 />

<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 />

<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 url</td>
<td class="a" align="right"><a href="resinput">RES</a></td>
</tr>
<tr>
<td align="center" colspan="2">img</td>
</tr>
<tr>
<td colspan="2"><div style="color:color;">comment</div></td>
</tr>
<tr>
<td colspan="2" align="right">No.no date</td>
</tr>
</tbody>
</table>

<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 resurl</td>
</tr>
<tr>
<td colspan="2" align="center">resimg</td>
</tr>
<tr>
<td colspan="2"><div style="color:rescolor;">rescomment</div></td>
</tr>
<tr>
<td colspan="2" align="right">No.resno resdate</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br />

<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<br />
<span style="font-weight:bold;">back</a></span>　<a href="clever.cgi?mode=admin" title="MASTER ONLY">**</a>　<span style="font-weight:bold;">next</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

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>
<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">

</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 />

<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="27" 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="27" 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 />

<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 url</td>
<td class="a" align="right"><a href="resinput">RES</a></td>
</tr>
<tr>
<td align="center" colspan="2">img</td>
</tr>
<tr>
<td colspan="2"><div style="color:color;">comment</div></td>
</tr>
<tr>
<td colspan="2" align="right">No.no date</td>
</tr>
</tbody>
</table>

<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 resurl</td>
</tr>
<tr>
<td colspan="2" align="center">resimg</td>
</tr>
<tr>
<td colspan="2"><div style="color:rescolor;">rescomment</div></td>
</tr>
<tr>
<td colspan="2" align="right">No.resno resdate</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br />

<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<br />
<span style="font-weight:bold;">back</a></span>　<a href="clever.cgi?mode=admin" title="MASTER ONLY">**</a>　<span style="font-weight:bold;">next</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

st.css

yozoからのお願い

　この記事のやり方は、yozoが実際にやってみたことを書いているだけです。この記事のやり方だけしかないというものではありませんし、もっと簡単で、すばらしい方法もあると思います。この点をあらかじめご了承ください。
　また、言うまでもないことですが、この記事を参考にされるのでしたら、「テンプレート改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておくようにしてくださいね♪
　この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけたら、うれしいです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m

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

スポンサーサイト

スレッドテーマ:カスタマイズ:ブログ

メイン

≪New BlogPet「うさも」の背景紹介　秋深まる | Top | Microsoft Internet Explorer 7の自動配布の無効化ツールキット (Blocker Toolkit)の設定 Old≫

トラックバックURL

このエントリーのトラックバックURL:

トラックバック

≫ ココログにもCLEVER BBSを設置実現！ from 夢みるととろ日記
流行の兆しのＢＢＳ、それは画像もアップできるという「CLEVER BBS」。BlogPetラバ [Read More]

おはよーーyozoちゃん。
わ・・・。一番乗りかなぁー???
って・・・。張り切ってやってきたものの・・・。
どーしよーーー・・・。またしても分からないです・・・。
うーんうーん・・・。
CLEVER BBSは使わせてもらったことがあるから、ちょっとはイメージできるんだけどね・・・。
勉強あるのみ!!!!
頑張るわよー。わたし!!!

Posted by enu at 2006.09.11 09:53 | edit

只今、yozoさんの記事とコピペとのにらめっこしながら、
バリバリべたべたガツ★ガツ☆彡ドカドカと、
ｍｉｎｉＢＢＳの設置を試みております・・・（既に数度　沈没
サイドバーに貼り付ける方法は、そのままコピペで出来たのですが・・・
何故かその中にＢＢＳが貼られていない・・・
ぅ～～むむ、むじゅかしい～～(T＾T)ｽﾝ
頭が・・・・爆発しそう(￣Д￣ﾉノ=3
もう少し涼しくなってから？（何故？）再度挑戦だぁ～(o_*_)oドテッ

Posted by 凸　ねこ at 2006.09.11 14:35 | edit

yozoさん、こんにちは♪＼(＾▽＾)／
なんと、CLEVERBBSをXHTML対応にしたのですね!!
それはそれは大変だったことでしょう!!
こちらを使わせていただだき私の方もXHTMLに変更したいと思います。

それにしてもsummaryだのidだのaccesskeyだの私もいろいろ
悩まされました。イマイチよく分からない状況で変更したのですが、
もう少し勉強しなければなりませんねぇ。

ではまた出来ましたらコメントまたはトラバにてお知らせさせていただきますね!!
本当にいつもいつも分かりやすい記事をありがとうございます!!＜(＿＿)＞

Posted by まゆび at 2006.09.11 16:50 | edit

＞enuちゃん、こんにちはー♪

＞わ・・・。一番乗りかなぁー???
あはは・・・そうですよ♪いつもいつもyozoのブログを盛り上げてくださって
ありがとーございまっす♪感謝してまっす　m(_ _)m

＞って・・・。張り切ってやってきたものの・・・。どーしよーーー・・・。
えへへ・・・ここの右サイドバーにある『yozo＆usamo BBS』のスキンをリニューアルしましたってことなんですよ。yozoにとっては備忘録。うさもスキンを使用してくれている方には取扱説明書、CLEVER BBSのスキン編集をしたい人には、
XHTML準拠へのほんのちょっとしたヒントですよ。（ΦωΦ）ふふふ････
そしてそのほかのみなさんにとっては、特にJavaScriptや、記事の書き方の注意という具合になっていますよ。　(o￢ω￢o)ちょっと、あやしいけど

＞勉強あるのみ!!!!頑張るわよー。わたし!!!
(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝまずは、ホームページスペースを利用して、自在にBlogPetの背景を変更してみましょうね。それからランダムCGIを設定して、BBSを設置という流れが段階的なレベルアップだと思いますよ。＼(*⌒0⌒)ｂがんばっ♪

Posted by enuちゃんへ at 2006.09.11 17:15 | edit

＞凸ねこさん、こんにちはー♪

＞只今、yozoさんの記事とコピペとのにらめっこしながら、バリバリべたべた
＞ガツ★ガツ☆彡ドカドカと、ｍｉｎｉＢＢＳの設置を試みております・・・（既に数度　沈没
あらら・・・何度か失敗しちゃいましたか？えっとどういう状況なのでしょうか。
yozoと同じPF-X.NETで設置されたのですか？
ちょっと詳しくわからないのですが、とりあえずは下の記事の5にあるように
IEのアドレスバーに、掲示板のURL(例　http://～省略～/cgi-bin/clever/clever.cgi　)を入力して動作確認してください。それで掲示板がちゃんと表示されていて、動作もＯＫなら簡単に設置できますよ。
http://yozoblog2.blog63.fc2.com/blog-entry-29.html

追伸：いつでも構いませんので、もしダメならまたダメと教えてくださいね。
CGIの使えるサーバーはどこを使っているのですか？
アップロードして属性変更はできていますか？
あわせてお知らせくださいませ。m(_ _)m

Posted by 凸ねこさんへ at 2006.09.11 17:27 | edit

＞まゆびさん、こんにちはー♪

＞なんと、CLEVERBBSをXHTML対応にしたのですね!!
えへへ・・・ちょっと気合入れてやっちゃいました。
どうしても準拠できないところがあったのですけどね。(^○^)

＞こちらを使わせていただだき私の方もXHTMLに変更したいと思います。
そうしてくださると、とってもうれしいでっす　わぁいヽ(ﾟｰﾟ*ヽ)(ﾉ*ﾟｰﾟ)ﾉわぁい

＞ではまた出来ましたらコメントまたはトラバにてお知らせさせていただきますね!!
＞本当にいつもいつも分かりやすい記事をありがとうございます!!＜(＿＿)＞
のんびりお暇なときにゆっくりされてくださいね。いつでもかまいませんよ。
でも、楽しみにしておきます。ありがとーございまっす♪m(_ _)m

Posted by まゆびさんへ at 2006.09.11 17:32 | edit

こんばんは！
お知らせをありがとうございました♪
とにかく今皆さんが一生懸命やってられるXHTMLですね。
私はアレからブログのほうもアップ方法を変えましたがどうしても、いい結果が得られませんので、放置です(笑)
IEでは見られる様子だからいいやって状態。アレの点数が悪いとすごく酷い表示になってるのかしら・・・ドキドキ。

これって前お借りしたのをそのまま置き換えてもオッケーですか？新たに作らないといけないのかしら・・・

それとぴょんのブログへの設置方法を調整くださってありがとう!!!
感激の涙です。まずはFC2はお返事を待つことにして今夜はココログから掛かりますね。本当にありがとう！あきらめていたのですっっっっごーくうれしいです(*^-^*)今夜はこれに掛かりっきりかも～(笑)

Posted by ととろ at 2006.09.11 19:23 | edit

yozoさん、こんばんは＾＾

すぅ、すごい～ですね。
まだまだ進化してるのですね。
そしていつもこんなふうに　おしみなく教えてくださる＾＾
yozoさんてやっぱりス・テ・キ(〃∇〃) テレッ☆
ありがたや～です(^^)d

Posted by ゆうゆ at 2006.09.11 19:42 | edit

こんばんはー。復活です！
わーすっかり秋っぽくなってますね！
とんぼが飛んでて素敵ですー☆

BBSがパワーアップしたのですねー。
いつもながらyozo殿は研究熱心ですねぇぇ。
うーん感服です！

Posted by babar at 2006.09.11 19:56 | edit

＞ととろさん、こんばんはー♪

＞とにかく今皆さんが一生懸命やってられるXHTMLですね。
そうなのですよ♪yozoの場合は、意地になっているような・・・(^○^)

＞IEでは見られる様子だからいいやって状態。アレの点数が悪いと
＞すごく酷い表示になってるのかしら・・・ドキドキ。
いえいえ。現在では大丈夫ですよ。そのうち、ココログの仕様も変更になると思います。そうするとととろさんの記事内容だけがエラーの対象になりますから、今の姿勢でいいのではと思いますよ。yozoも自分でできるところだけしか手をつけていませんからね。(＝⌒▽⌒＝) ﾆｬﾊﾊﾊ♪

＞これって前お借りしたのをそのまま置き換えてもオッケーですか？
＞新たに作らないといけないのかしら・・・
はい♪上書きしてくださればＯＫですよ。v(=∩_∩=) ﾌﾞｲﾌﾞｲ!!

＞それとぴょんのブログへの設置方法を調整くださってありがとう!!!
あはは・・・何よりのお言葉ですよ。でももっと早くになんとかできるだけの知識があれば・・・ってちょっと後悔してます。お待たせしちゃってごめんなさいね。m(_ _)m

＞あきらめていたのですっっっっごーくうれしいです(*^-^*)
＞今夜はこれに掛かりっきりかも～(笑)
あはは・・・くれぐれも無茶だけはしないようにしてくださいね。
そして何か困ったら遠慮なく質問してくださいね。＼(*⌒0⌒)ｂがんばっ♪

Posted by ととろさんへ at 2006.09.11 20:29 | edit

＞ゆうゆさん、こんばんはー♪

＞すぅ、すごい～ですね。まだまだ進化してるのですね。
えへへ・・・ちゃんとしとかないと、せっかく、BBSの楽しみが広がってきたのに水を差しちゃうことにもなりかねませんからね。(*^-^)(ちょっとオーバーですけど・・・)

＞そしていつもこんなふうに　おしみなく教えてくださる＾＾
＞yozoさんてやっぱりス・テ・キ(〃∇〃) テレッ☆ありがたや～です(^^)d
いやぁ～そんな・・・(///∇//)ﾃﾚﾃﾚ　
yozoなんて、まだまだ未熟者ですから、みなさんと一緒に考えようってところですよ。なぁ～んて、マジで (〃∇〃) てれっ☆でっす(ﾉ∇≦*)　m(_ _)m

Posted by ゆうゆさんへ at 2006.09.11 20:33 | edit

＞ばばるさん、こんばんはー♪お帰りなさーい♪(^○^)

＞こんばんはー。復活です！
待ってましたよ。またよろしくお願いしますね　m(_ _)m

＞わーすっかり秋っぽくなってますね！
えへへ・・・そうでしょ。もうすっかり秋ですからね♪(＝⌒▽⌒＝)

＞BBSがパワーアップしたのですねー。
＞いつもながらyozo殿は研究熱心ですねぇぇ。うーん感服です！
ありがとーございまっす♪みなさんに応援していただいているからですよ♪
そのように仰ってくださって大変励みになっています。m(_ _)m

Posted by ばばるさんへ at 2006.09.11 20:37 | edit

こんばんは！
いろいろうろうろして記事が遅くなりました。
こちらでお世話になったココログへのCLEVER BBS設置記録をアップしました。殆どこちらへのリンクで終わっていますが(^^;私の覚書としてお許しください。
トラバも送りましたのでよろしくお願いします。記事は単なる日記です、念のため(爆)

Posted by ととろ at 2006.09.13 01:51 | edit

＞ととろさん、こんにちはー♪

＞いろいろうろうろして記事が遅くなりました。こちらでお世話になった
＞ココログへのCLEVER BBS設置記録をアップしました。
えっ？もう、紹介してくださったのですか？その上、トラバまで・・・
また、こんなに遅い時間まで・・・本当にありがとーございまっす♪m(_ _)m
ちょっとお邪魔させていだだきまーす♪ε=ε=ε=ヾ(э^・ｪ・^)эﾆｬﾎｰ
----------------只今、お邪魔してます----------------
うわぁ～たくさん紹介してくださったのですね。わぁいヽ(ﾟｰﾟ*ヽ)(ﾉ*ﾟｰﾟ)ﾉわぁい
とてもうれしいですよ。それに、とても素敵な記事ですね。yozoのカスタマイズ記事に一番欠けている、失敗したとき、どうするのかがよく伝わってきます。大変勉強になりました。m(_ _)m

＞殆どこちらへのリンクで終わっていますが(^^;私の覚書としてお許しください。
許すも何もありませんよ。とろさんのご好意に、心から感謝します。m(_ _)m

Posted by ととろさんへ at 2006.09.13 12:53 | edit

トラックバックでのお知らせいただき、ありがとうございました！
相変わらずおじゃまするのが遅くてごめんなさいね；（アセアセ

おぉぉ。CLEVER BBSのスキンがリニューアルされたのですね！すばらしい……♪
XHTMLにしちゃったとは、yozoさんさすがです！
時間がとれたときに、早速取り組んでみようと思います♪

そうそう、CLEVER BBSのindex.cgiのURLでエラーチェックしたときに、いろいろチェック項目、修正項目があるわ……と思っていたのですが、自力ではなんとも出来ずそのままにしてあったのでした('-'；)
BBS自体はFC2上に乗っかっている訳ではないので、HTML4.01のままでもいいかななんて思っていましたけど、
でもいずれWEBはXHTMLになる流れなんですものねぇ。直せるときに直しちゃったほうがいいですよね★

記事中でのご紹介もありがとうございました(＾人＾)♪
参考になった部分があったようで、よかったです……！
(ちょこっとでも恩返しできた気分……笑)

CLEVER BBSのXHTML化が無事終わりましたら、またyozoさんにご連絡しますね♪

Posted by mio at 2006.09.13 22:12 | edit

＞mioさん、おはよーございまっす♪

＞トラックバックでのお知らせいただき、ありがとうございました！
＞相変わらずおじゃまするのが遅くてごめんなさいね；（アセアセ
いえいえ♪カスタマイズのヒント(アドヴァイスかも？)をいただいていましたからね。
なによりも、ここは『気が向いたと記』ですからね。そんなのは全然ドンマイですよ♪(^○^)

＞おぉぉ。CLEVER BBSのスキンがリニューアルされたのですね！すばらしい……♪
えへへ・・・ブログのエラー回避に大分慣れてきましたから、usamoスキンもちゃんと準拠させちゃおうって思っていました。ちょっと時間を空けると、ほとんど忘れちゃって余計に時間がかかっちゃいますからね。(^○^) CGI改造の絡む部分については放置せざるを得ませんでした。JS外部ファイルも今回は遠慮しました。(￣∀￣*)ｲﾋｯ

＞ちょこっとでも恩返しできた気分……笑
とんでもないですよ♪いつもヒントやアドヴァイスをいただいていますよ♪yozoだけじゃ思いつかないことです。usamoスキンはみなさんのアイデアを生かせるようにって思ってますよ♪
(*ﾟｰﾟ)(*｡_｡)ｳﾝｳﾝ♪(ﾟｰﾟ*)(｡_｡*)ｳﾝｳﾝ♪

＞CLEVER BBSのXHTML化が無事終わりましたら、またyozoさんにご連絡しますね♪
のんびりやってみてくださいね。楽しくなくちゃ意味がないですもんね。
連絡楽しみにしておきまーす♪(*^-^)

Posted by mioさんへ at 2006.09.14 07:47 | edit

初めまして。
CLEVER BBSをお借りました。
まだBlogには設置していないのですが、動作確認は終わりました。
可愛いスキンをありがとうございました。(*^-^*)

Posted by クエス at 2007.06.08 13:30 | edit

＞クエスさん、おはよーございまっす♪いらっしゃいませ。
CLEVER BBSはあらかじめダウンロードされていたのですね。
たった今、お邪魔させていただき、カキコさせていただきました。問題なく動作しているようですね。ｕｓａｍｏスキンがお役にたてたようでうれしいです。カスタマイズ自由のスキンですので、お好みでデザインを変更してくださって構いません。楽しく使ってやってください。勝手ながらリンクさせていただきました。今後ともよろしくお願いしまっす。m(_ _)m

Posted by クエスさんへ at 2007.06.09 10:37 | edit

こんばんは！
わざわざ書き込みありがとうございました！
とても可愛くて気に入っています。(*´∀｀)
カスタマイズなんていらないですよー！
ありがとうございました。(*^-^*)

Posted by クエス at 2007.06.09 18:32 | edit

＞クエスさん、おはよーございまっす♪

＞とても可愛くて気に入っています。(*´∀｀)
ゎぁぃ♪ ヾ(*⌒∇⌒)八(⌒∇⌒*)ツゎぁぃ♪
うさもともどもよろこんでいます。楽しんで使ってやってくださいね。(o*｡_｡)oﾍﾟｺｯ
何か不具合等ございましたら、お知らせください。今後ともご協力お願いしまっす。m(_ _)m

Posted by クエスさんへ at 2007.06.10 10:57 | edit

yozoの気が向いたと記2.0

BlogPet、季節、時事、日々の出来事etcをつづっています。コメントしていただけると、とてもうれしいです♪