「達の記録館」コンテンツ表紙

日常の喜怒哀楽を写真付きで綴るエッセイ

  1. トップ»
  2. その他:目次»
  3. 倉庫:目次»

カスタマイズTAGを公開

2016年12月19日時点でのタグ

現在、無料版でカスタマイズしている「達の記録館」BBSのタグが何かあって壊れたら面倒なのでバックアップとしてHDDに保存していますが、HTML技術が劣っている私は参考書片手にかなり苦労しましたので、これからカスタマイズしてみようかなというHTML初心者さんへ何しらかのヒントになればいいかな...ってな思いで公開します。

もろにパクッちゃっても構いませんが、http://tatsu8.jp/・・・・にある画像は、ご自身のサーバーに置いてくださいね。

HEAD編集

BODY編集

TOP編集

FORM編集

メインフォーム(親記事)

サブフォーム(返信記事)

MESSAGE編集

1階層目

ログ表示開始前のHTML

BASE1(一覧表示の親記事)

RES1(一覧表示のレス記事...)

BASE3(一覧表示の親記事)

2階層目

ログ表示開始後のHTML

BASE2(関連記事のみ表示の親記事)

RES2(関連記事のみ表示のレス記事)

BASE4(一覧表示の親記事)

ログ表示開始後のHTML

PANEL編集

MASTER編集

無料版検索フォーム機能

※HTML文法上、これが正しいかどうかはわかりませんが、ちゃんと動いているので"よし"としています。くれぐれも自己責任でお願いします。

HEAD編集

ヘッダー <head>~</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="icon" href="http://tatsu8.jp/image/favicon.ico">
<title>「達の記録館」BBS</title>
<!-- 投稿フォーム用クッキー -->
<script type="text/javascript">
<!--
//クッキー用JAVAスクリプト
function getCookie(name){
var Str = document.cookie;
var Num = Str.indexOf(name);
if(Num != -1){
start=Num+name.length + 1;
end = Str.indexOf("*" , start);
if(end == -1){
end=Str.length;
}
var cookieValue=Str.substring(start,end);
return cookieValue;
} else {
return "";
}
}
function writecookie() {
var check = getCookie("name");
if(check != "") {
document.f1.name.value= unescape(getCookie("name"));
}
var check = getCookie("url");
if(check != "") {
document.f1.url.value= getCookie("url");
}
var check = getCookie("mail");
if(check != "") {
document.f1.mail.value= getCookie("mail");
}
var check = getCookie("icon");
if(check != "") {
document.f1.icon.selectedIndex = parseInt(getCookie("icon"));
}
var check = getCookie("op1");
if(check != "") {
document.f1.op1[check].checked = true;
}
var check = getCookie("op2");
if(check != "") {
document.f1.op2.selectedIndex = parseInt(getCookie("op2"));
}
var check = getCookie("op3");
if(check != "") {
document.f1.op3.selectedIndex = parseInt(getCookie("op3"));
}
var check = getCookie("op4");
if(check != "") {
document.f1.op4.selectedIndex = parseInt(getCookie("op4"));
}
}
var usertype="pc";
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0) {
document.write('<STY');
document.write('LE type="text/css">');
document.write('.maintable {width:100%; }');
document.write('.maintable2 {width:60%; }');
document.write('</ST');
document.write('YLE>');
document.write('<meta name="viewport" content="width = device-width, initial-scale = 1">');
usertype="sp";
}
if (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0){
document.write('<STY');
document.write('LE type="text/css">');
document.write('body {font-family: Hiragino Kaku Gothic ProN; }');
document.write('</ST');
document.write('YLE>');
}
<!-- 投稿フォーム用クッキー END-->
//スムーズにスクロールJAVAスクリプト
var ss = {
fixAllLinks: function() {
// Get a list of all links in the page
var allLinks = document.getElementsByTagName('a');
// Walk through the list
for (var i=0;i<allLinks.length;i++) {
var lnk = allLinks[i];
if ((lnk.href && lnk.href.indexOf('#') != -1) &&
( (lnk.pathname == location.pathname) ||
('/'+lnk.pathname == location.pathname) ) &&
(lnk.search == location.search)) {
// If the link is internal to the page (begins in #)
// then attach the smoothScroll function as an onclick
// event handler
ss.addEvent(lnk,'click',ss.smoothScroll);
}
}
},
smoothScroll: function(e) {
// This is an event handler; get the clicked on element,
// in a cross-browser fashion
if (window.event) {
target = window.event.srcElement;
} else if (e) {
target = e.target;
} else return;
// Make sure that the target is an element, not a text node
// within an element
if (target.nodeName.toLowerCase() != 'a') {
target = target.parentNode;
}
// Paranoia; check this is an A tag
if (target.nodeName.toLowerCase() != 'a') return;

// Find the <a name> tag corresponding to this href
// First strip off the hash (first character)
anchor = target.hash.substr(1);
// Now loop all A tags until we find one with that name
var allLinks = document.getElementsByTagName('a');
var destinationLink = null;
for (var i=0;i<allLinks.length;i++) {
var lnk = allLinks[i];
if (lnk.name && (lnk.name == anchor)) {
destinationLink = lnk;
break;
}
}
if (!destinationLink) destinationLink = document.getElementById(anchor);
// If we didn't find a destination, give up and let the browser do
// its thing
if (!destinationLink) return true;

// Find the destination's position
var destx = destinationLink.offsetLeft;
var desty = destinationLink.offsetTop;
var thisNode = destinationLink;
while (thisNode.offsetParent &&
(thisNode.offsetParent != document.body)) {
thisNode = thisNode.offsetParent;
destx += thisNode.offsetLeft;
desty += thisNode.offsetTop;
}
// Stop any current scrolling
clearInterval(ss.INTERVAL);
cypos = ss.getCurrentYPos();
ss_stepsize = parseInt((desty-cypos)/ss.STEPS);
ss.INTERVAL =
setInterval('ss.scrollWindow('+ss_stepsize+','+desty+',"'+anchor+'")',10);
// And stop the actual click happening
if (window.event) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (e && e.preventDefault && e.stopPropagation) {
e.preventDefault();
e.stopPropagation();
}
},
scrollWindow: function(scramount,dest,anchor) {
wascypos = ss.getCurrentYPos();
isAbove = (wascypos < dest);
window.scrollTo(0,wascypos + scramount);
iscypos = ss.getCurrentYPos();
isAboveNow = (iscypos < dest);
if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
// if we've just scrolled past the destination, or
// we haven't moved from the last scroll (i.e., we're at the
// bottom of the page) then scroll exactly to the link
window.scrollTo(0,dest);
// cancel the repeating timer
clearInterval(ss.INTERVAL);
// and jump to the link directly so the URL's right
location.hash = anchor;
}
},
getCurrentYPos: function() {
if (document.body && document.body.scrollTop)
return document.body.scrollTop;
if (document.documentElement && document.documentElement.scrollTop)
return document.documentElement.scrollTop;
if (window.pageYOffset)
return window.pageYOffset;
return 0;
},
addEvent: function(elm, evType, fn, useCapture) {
// addEvent and removeEvent
// cross-browser event handling for IE5+, NS6 and Mozilla
// By Scott Andrew
if (elm.addEventListener){
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent){
var r = elm.attachEvent("on"+evType, fn);
return r;
} else {
alert("Handler could not be removed");
}
}
}
ss.STEPS = 25;
ss.addEvent(window,"load",ss.fixAllLinks);
//-->
</script>
<!-- JAVAスクリプト終わり-->
<style type="text/css">
<!--
body {
background:url(http://tatsu8.jp/rasuto/bbs/bg.png) fixed;
-webkit-text-size-adjust: 100%;
}
h2 {
background:#eee;
border-left:7px solid #ccc;
padding:5px 10px;
font-size:120%;
color:#333;
}
img {
max-width:100%;
height:auto;
}
a {
outline:none;
}
a:hover img {
opacity:0.6;
}
a:link {
font-size:90%;
color:#1f4184;
text-decoration:none;
padding:4px;
}
a:hover {
color:#ffffff;
text-shadow:0px 0px 5px #0333cc, 0px 0px 15px #0333cc;
padding:4px;
}
.maintable a {
}
tr, td {
line-height:170%;
word-break:break-all;
}
input, textarea {
font-size:14px;
background-color:#ffffff;
border:1px solid #666666;
}
.cols-max{
width:98%;
max-width:600px;
}
.eng {
font-size:90%;
color:#666666;
}
table {
margin-left:auto;
margin-right:auto;
}
.center {
text-align:center;
}
.btn {
color:#960000;
font-weight:600;
padding:4px;
border:#960000 2px solid;
background-color:#f4ed8c;
}
.thread {
font-size:15px;
background-color:#CD5C5C;
padding:2px;
color:#ffffff;
}
.number {
font-size:15px;
color:#f4a460;
}
.onamae {
font-size:17px;
font-weight:700;
color:#777777;
}
.daimei {
font-size:17px;
font-weight:600;
padding-left:45px;
color:#94404e;
}
.space {
float:left;
padding:7px 10px 0px 0px;
}
.honbun {
padding-top:15px;
}
.nitiji {
font-size:13px;
color:#666666;
}
hr {
height:1px;
background-color:#fcb1ab;
border:none;
color:#fcb1ab;
margin:25px 0px;
}
hr.base3 {
height:6px;
background: url(http://tatsu8.jp/rasuto/bbs/kugiri.png) repeat-x 0 0;
border:0;
margin:40px 0px 70px 0px;
}
strong {
font-size:120%;
font-weight:600;
}

.inyou{/*記事の引用枠*/
background: url(http://tatsu8.jp/rasuto/bbs/inyou.png) no-repeat top;
background-size: 60px 20px;
background-position:0% 0% ;
border:1px solid #f26522;
padding:30px 8px 8px 8px;
margin:15px 0;
}

-->
</style>

BODY編集

<body>

body alink="#ffcccc" onLoad="writecookie();"

TOP編集

■TOPコメント

<div id="top" align="right">
<form name="f2" method="post" action="http://bbs6.sekkaku.net/bbs/?id=tatsu">
<input name="search" type="text" placeholder="達の記録館BBS内を検索" size="30">
<input type="submit" value="検索">
<input type="hidden" name="mode" value="search">
<input type="hidden" name="id" value="tatsu">
</form>
<br>
</div>
<!-- 投稿フォーム用クッキー -->
<script type="text/javascript">
<!--
function memoryCookie() {
expires = new Date();
expires.setTime(expires.getTime() + 24*60*60*1000*30*3);
document.cookie = "name=" + escape(document.f1.name.value) + "*;expires=" + expires.toGMTString();
document.cookie = "url=" + document.f1.url.value + "*;expires=" + expires.toGMTString();
document.cookie = "mail=" + document.f1.mail.value + "*;expires=" + expires.toGMTString();
document.cookie = "icon=" + document.f1.icon.selectedIndex + "*;expires=" + expires.toGMTString();
// op1のラジオボタンのクッキー
for (i=0; i<document.f1.op1.length; i++ ){
if ( document.f1.op1[i].checked != "" ){
document.cookie = "op1=" + i + "*;expires=" + expires.toGMTString();
}
}
// op2,op3,op4のセレクトメニューのクッキー
document.cookie = "op2=" + document.f1.op2.selectedIndex + "*;expires=" + expires.toGMTString();
document.cookie = "op3=" + document.f1.op3.selectedIndex + "*;expires=" + expires.toGMTString();
document.cookie = "op4=" + document.f1.op4.selectedIndex + "*;expires=" + expires.toGMTString();
}
function mmsg(){
//チェックボックスが選択されていれば、クッキに記憶させます。
if(document.f1.ccheck.checked){
memoryCookie();
}
}//-->
</script>
<!-- 投稿フォーム用クッキー END-->
<div align="center" style="margin-bottom:30px">
<p><a href="http://bbs6.sekkaku.net/bbs/tatsu.html"><img src="http://tatsu8.jp/rasuto/bbs/top-logo.png" alt="達の記録館BBS" width="350" height="100" title="「達の掲示板」BBSトップページ"></a></p>
<a href="http://tatsu8.jp" title="「達の記録館」">「達の記録館」トップページへ</a><!-- SEKKAKU-COOUNT ここから --><script type="text/javascript" src="//scnt.sekkaku.net/cnt.cgi?id=A1074336297&amp;mode=all&amp;color=333333&amp;size=14&amp;comma=on"></script>
<noscript>
<a href="http://count.sekkaku.net/"><img src="http//scnt.sekkaku.net/cnt.cgi?id=A1074336297&amp;script=no&amp;guid=on" alt="せっかくカウンター"></a>
</noscript>
<!-- SEKKAKU-COOUNT ここまで -->
</div>

FORM編集

■投稿フォーム <form>~</form>

メインフォーム(親記事) 

<table id="form-top" align="center" cellspacing="5" cellpadding="5" class="maintable" background="http://tatsu8.jp/rasuto/bbs/form-bg.jpg" style="border-width:thin; border-style:solid; border-color:#66a0e4" summary="投稿フォーム">
<tbody>
<tr>
<td>
<span class="eng">名前</span>:
<input type="text" size="35" name="name" placeholder="必須項目">
</td>
<tr>
<td>
<span class="eng">題名</span>:
<input type="text" size="35" name="sub" placeholder="任意">
</td>
</tr>
<tr>
<td>
<span class="eng">Mail</span>:
<input type="text" size="35" name="mail" placeholder="任意">
</td>
</tr>
<tr>
<td>
<span class="eng">URL</span>:
<input type="text" size="35" name="url" placeholder="任意">
</td>
</tr>
<tr>
<td><span class="eng">本文(コメント)</span><br>
<textarea class="cols-max" type="text" name="mes" rows="10" placeholder="必須項目">
</textarea><br>
<script type="text/javascript" src="/cms/panel011.js"></script>
</td>
</tr>
<tr>
<td> <span class="eng">文字色</span>&ensp;
<input type="radio" name="op1" value="#555555" checked>
<span style="color:#555555">■&emsp;</span>
<input type="radio" name="op1" value="#e5acb6">
<span style="color:#e5acb6">■&emsp;</span>
<input type="radio" name="op1" value="#cc9933">
<span style="color:#cc9933">■&emsp;</span>
<input type="radio" name="op1" value="#996699">
<span style="color:#996699">■&emsp;</span>
<input type="radio" name="op1" value="#666600">
<span style="color:#666600">■&emsp;</span>
<input type="radio" name="op1" value="#cc6600">
<span style="color:#cc6600">■&emsp;</span>
<input type="radio" name="op1" value="#6666ff">
<span style="color:#6666ff">■</span></td>
</tr>
<tr>
<td><span class="eng">お住まいの地域</span>&ensp;
<select class="inp" name="op2">
<option value="-" selected>省略
<option value="-" disabled>-----
<option value="よかばい福岡">よかばい福岡
<option value="-" disabled>-----
<option value="北海道地方">北海道地方
<option value="東北地方">東北地方
<option value="関東">関東地方
<option value="北陸地方">北陸地方
<option value="中部地方">中部地方
<option value="近畿地方">近畿地方
<option value="中国地方">中国地方
<option value="四国地方">四国地方
<option value="九州地方">九州地方
<option value="青森">青森
<option value="岩手">岩手
<option value="宮城">宮城
<option value="秋田">秋田
<option value="山形">山形
<option value="福島">福島
<option value="茨城">茨城
<option value="栃木">栃木
<option value="群馬">群馬
<option value="埼玉">埼玉
<option value="千葉">千葉
<option value="東京">東京
<option value="神奈川">神奈川
<option value="新潟">新潟
<option value="富山">富山
<option value="石川">石川
<option value="福井">福井
<option value="山梨">山梨
<option value="長野">長野
<option value="岐阜">岐阜
<option value="静岡">静岡
<option value="愛知">愛知
<option value="三重">三重
<option value="滋賀">滋賀
<option value="京都">京都
<option value="大阪">大阪
<option value="兵庫">兵庫
<option value="奈良">奈良
<option value="和歌山">和歌山
<option value="鳥取">鳥取
<option value="島根">島根
<option value="岡山">岡山
<option value="広島">広島
<option value="山口">山口
<option value="徳島">徳島
<option value="香川">香川
<option value="愛媛">愛媛
<option value="高知">高知
<option value="福岡">福岡
<option value="佐賀">佐賀
<option value="長崎">長崎
<option value="熊本">熊本
<option value="大分">大分
<option value="宮崎">宮崎
<option value="鹿児島">鹿児島
<option value="沖縄">沖縄
<option value="アメリカ">アメリカ
<option value="イギリス">イギリス
<option value="海外">海外</option>
</select>
&emsp;<span class="eng">性別</span>&ensp;
<select class="inp" name="op3">
<option value="-">省略
<option value="男性">男性
<option value="女性">女性</option>
</select>
</td>
</tr>
<tr>
<td><span class="eng">アイコン</span>&ensp;
<select class="inp" name="icon">
<option value="http://tatsu8.jp/rasuto/bbs/icon00.png" selected>省略</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon01.png">お食事</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon02.png">ビール</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon03.png">コーヒー</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon04.png">リビング</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon05.png">探しもの</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon06.png">ダンボール</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon07.png">お勉強</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon00.png" disabled>----</option>
<option value="http://tatsu8.jp/rasuto/bbs/tatsu8.png">たつ専用</option>
</select>
&emsp;<span class="eng">枠の種類</span>&ensp;
<select class="inp" name="op4">
<option value="http://tatsu8.jp/rasuto/bbs/frame00.png">省略</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame01.png">ジーンズ</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame02.png">アジアン</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame03.png">ピンク玉</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame04.png">サクラ</option>
</select>
<a href="http://tatsu8.jp/rasuto/bbs/manual/tag.html" target="_blank" onClick="window.open('http://tatsu8.jp/rasuto/bbs/manual/tag.html','','width=650,height=520,resizable=yes,toolbar=no,menubar=no,scrollbars=yes,location=no, directories=no,status=no');return(false)">入力の説明など</a>
</td>
</tr>
<tr>
<td align="right"><span class=eng>設定保存</span>
<input type="checkbox" checked name="ccheck">
<span class=eng>&emsp;削除キー</span>
<input class="inp" type="password" maxlength="8" size="8" name="key">
&emsp;&emsp;
<input type="image" src="http://tatsu8.jp/rasuto/bbs/send.png" valign="middle" alt="送信する" title="入力後にポッチっとな!!" onClick="mmsg();">
<!-- デフォルト ⇒ input class=btn type=submit value="投稿する" onClick="mmsg();" -->
</td>
</tr>
</tbody>
</table>

サブフォーム(返信記事)

<table id="form-top" align="center" cellspacing="5" cellpadding="5" class="maintable" background="http://tatsu8.jp/rasuto/bbs/form-res-bg.jpg" style="border-width:thin; border-style:solid; border-color:#66a0e4" summary="投稿フォーム">
<tbody>
<tr>
<td>
<span class="eng">名前</span>:
<input type="text" size="35" name="name" placeholder="必須項目">
</td>
<tr>
<td>
<span class="eng">題名</span>:
<input type="text" size="35" name="sub" placeholder="任意">
</td>
</tr>
<tr>
<td>
<span class="eng">Mail</span>:
<input type="text" size="35" name="mail" placeholder="任意">
</td>
</tr>
<tr>
<td>
<span class="eng">URL</span>:
<input type="text" size="35" name="url" placeholder="任意">
</td>
</tr>
<tr>
<td><span class="eng">本文(コメント)</span><br>
<textarea class="cols-max" type="text" name="mes" rows="10" placeholder="必須項目">
</textarea><br>
<script type="text/javascript" src="/cms/panel011.js"></script>
</td>
</tr>
<tr>
<td> <span class="eng">文字色</span>&ensp;
<input type="radio" name="op1" value="#555555" checked>
<span style="color:#555555">■&emsp;</span>
<input type="radio" name="op1" value="#e5acb6">
<span style="color:#e5acb6">■&emsp;</span>
<input type="radio" name="op1" value="#cc9933">
<span style="color:#cc9933">■&emsp;</span>
<input type="radio" name="op1" value="#996699">
<span style="color:#996699">■&emsp;</span>
<input type="radio" name="op1" value="#666600">
<span style="color:#666600">■&emsp;</span>
<input type="radio" name="op1" value="#cc6600">
<span style="color:#cc6600">■&emsp;</span>
<input type="radio" name="op1" value="#6666ff">
<span style="color:#6666ff">■&emsp;</span> </td>
</tr>
<tr>
<td><span class="eng">お住まいの地域</span>&ensp;
<select class="inp" name="op2">
<option value="-" selected>省略
<option value="-" disabled>-----
<option value="よかばい福岡">よかばい福岡
<option value="-" disabled>-----
<option value="北海道地方">北海道地方
<option value="東北地方">東北地方
<option value="関東">関東地方
<option value="北陸地方">北陸地方
<option value="中部地方">中部地方
<option value="近畿地方">近畿地方
<option value="中国地方">中国地方
<option value="四国地方">四国地方
<option value="九州地方">九州地方
<option value="青森">青森
<option value="岩手">岩手
<option value="宮城">宮城
<option value="秋田">秋田
<option value="山形">山形
<option value="福島">福島
<option value="茨城">茨城
<option value="栃木">栃木
<option value="群馬">群馬
<option value="埼玉">埼玉
<option value="千葉">千葉
<option value="東京">東京
<option value="神奈川">神奈川
<option value="新潟">新潟
<option value="富山">富山
<option value="石川">石川
<option value="福井">福井
<option value="山梨">山梨
<option value="長野">長野
<option value="岐阜">岐阜
<option value="静岡">静岡
<option value="愛知">愛知
<option value="三重">三重
<option value="滋賀">滋賀
<option value="京都">京都
<option value="大阪">大阪
<option value="兵庫">兵庫
<option value="奈良">奈良
<option value="和歌山">和歌山
<option value="鳥取">鳥取
<option value="島根">島根
<option value="岡山">岡山
<option value="広島">広島
<option value="山口">山口
<option value="徳島">徳島
<option value="香川">香川
<option value="愛媛">愛媛
<option value="高知">高知
<option value="福岡">福岡
<option value="佐賀">佐賀
<option value="長崎">長崎
<option value="熊本">熊本
<option value="大分">大分
<option value="宮崎">宮崎
<option value="鹿児島">鹿児島
<option value="沖縄">沖縄
<option value="アメリカ">アメリカ
<option value="イギリス">イギリス
<option value="海外">海外</option>
</select>
&emsp;<span class="eng">性別</span>&ensp;
<select class="inp" name="op3">
<option value="-">省略
<option value="男性">男性
<option value="女性">女性</option>
</select>
</td>
</tr>
<tr>
<td><span class="eng">アイコン</span>&ensp;
<select class="inp" name="icon">
<option value="http://tatsu8.jp/rasuto/bbs/icon00.png" selected>省略</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon01.png">お食事</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon02.png">ビール</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon03.png">コーヒー</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon04.png">リビング</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon05.png">探しもの</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon06.png">ダンボール</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon07.png">お勉強</option>
<option value="http://tatsu8.jp/rasuto/bbs/icon00.png" disabled>----</option>
<option value="http://tatsu8.jp/rasuto/bbs/tatsu8.png">たつ専用</option>
</select>
&emsp;<span class="eng">枠の種類</span>&ensp;
<select class="inp" name="op4">
<option value="http://tatsu8.jp/rasuto/bbs/frame00.png">省略</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame01.png" disabled>ジーンズ</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame02.png" disabled>アジアン</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame03.png" disabled>ピンク玉</option>
<option value="http://tatsu8.jp/rasuto/bbs/frame04.png" disabled>サクラ</option>
</select>
<a href="http://tatsu8.jp/rasuto/bbs/manual/tag.html" target="_blank" onClick="window.open('http://tatsu8.jp/rasuto/bbs/manual/tag.html','','width=650,height=520,resizable=yes,toolbar=no,menubar=no,scrollbars=yes,location=no, directories=no,status=no');return(false)">入力の説明など</a>
</td>
</tr>
<tr>
<td align="right"><span class=eng>設定保存</span>
<input type="checkbox" checked name="ccheck">
<span class=eng>&emsp;削除キー</span>
<input class="inp" type="password" maxlength="8" size="8" name="key">
&emsp;&emsp;
<input type="image" src="http://tatsu8.jp/rasuto/bbs/send.png" valign="middle" alt="送信する" title="入力後にポッチっとな!!" onClick="mmsg();">
<!-- デフォルト ⇒ input class=btn type=submit value="投稿する" onClick="mmsg();" -->
</td>
</tr>
</tbody>
</table>
<p class="center eng">レスの入力では【枠の種類】は選択はできません。</p>

MESSAGE編集

■1階層目の記事表示

ログ表示開始前のHTML

<p align="center"><img src="http://tatsu8.jp/rasuto/bbs/protuberance1.png" width="20" height="20" alt="ぽっち1"></p>

BASE1(一覧表示の親記事)

<div align="center">

<table cellspacing="10" width="650" border="0" class="a maintable" background="$op4" style="border-width:thin; border-style:solid;border-color:#c0c0c0" summary="1段階目">

<tbody>

<tr>

<td>

<table width="100%" border="0" bgcolor="#ffffff" class="maintable" style="padding:15px;filter:Alpha(opacity=75,enabled=100)" summary="BASE1">

<tbody>

<tr>

<td><span class="thread">[$lot]</span>&ensp;<span class="onamae">$name</span>&emsp;<span class="nitiji">[$op2/$op3]&emsp;$date</span>

<script type="text/javascript">

<!--

var check = $local;

time = (new Date().getTime()/1000) - check;

if(time < 129600){

document.write("<img src=http://tatsu8.jp/image/new.gif>");

}

//-->

</script>

$mailtoo<img src="http://tatsu8.jp/rasuto/bbs/mail.gif" alt="メール" width="22" height="15">$mailendd$urltoo<img src="http://tatsu8.jp/rasuto/bbs/home.gif" alt="ホームページ" width="25" height="22">$urlendd

</td>

</tr>

<tr>

<td class="daimei">$sub</td>

</tr>

<tr>

<td class="honbun"><img src="$icon" class="space"><font color="$op1">$mes</font></td>

</tr>

<tr>

<td style="padding-top:20px; text-align:right"><a href="$bbsurl&mode=res&log=$list"><img src="http://tatsu8.jp/rasuto/bbs/res.png" width="100" height="20" alt="返信" title="RES入力のフォームへ行く"></a></td>

</tr>

RES1(一覧表示のレス記事:レス無しの場合は空白OK)

<tr>

<td>

<hr>

</td>

</tr>

<tr>

<td><span class="number">[$lot]</span>&ensp;<span class="onamae">$name</span>&emsp;<span class="nitiji">[$op2/$op3]&emsp;$date</span>

<script type="text/javascript">

<!--

var check = $local;

time = (new Date().getTime()/1000) - check;

if(time < 129600){

document.write("<img src=http://tatsu8.jp/image/new.gif>");

}

//-->

</script>

$mailtoo<img src="http://tatsu8.jp/rasuto/bbs/mail.gif" alt="メール" width="22" height="15">$mailendd$urltoo<img src="http://tatsu8.jp/rasuto/bbs/home.gif" alt="ホームページ" width="25" height="22">$urlendd </td>

</tr>

<tr>

<td class="daimei">$sub</td>

</tr>

<tr>

<td class="honbun"><img src="$icon" class="space"><font color="$op1">$mes</font></td>

</tr>

<tr>

<td style="padding-top:20px; text-align:right;"><a href="$bbsurl&mode=res&log=$list"><img src="http://tatsu8.jp/rasuto/bbs/res.png" width="100" height="20" alt="返信" title="RES入力のフォームへ行く"></a></td>

</tr>

BASE3(一覧表示の親記事)

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</div>

<p align="center"><a href="#top"><img src="http://tatsu8.jp/rasuto/bbs/top.png" alt="最上部へ" width="20" height="20" title="最上部へジャンプ"></a><img src="http://tatsu8.jp/rasuto/bbs/protuberance2.png" width="20" height="20" alt="ぽっち2"><a href="#bottom"><img src="http://tatsu8.jp/rasuto/bbs/bottom.png" alt="最下部へ" width="20" height="20" title="最下部へジャンプ"></a></p>

<hr class="base3">

ログ表示開始後のHTML

<div id="bottom" class="center">

<input type="button" value="達の掲示板で保存したCookie削除する" onClick="window.open('http://bbs6.sekkaku.net/cookieclear.html','','width=650,height=520,resizable=yes,toolbar=no,menubar=no,scrollbars=yes,location=no, directories=no,status=no');return(false)">

</div>

■2階層目の記事表示(レス書き込み時に表示する)

ログ表示開始前のHTML

BASE2(関連記事のみ表示の親記事)

<div align="center">
<table cellspacing="10" width="650" border="0" class="a maintable" background="http://tatsu8.jp/rasuto/bbs/response.png" summary="2段階目">
<tbody>
<tr>
<td>
<table bgcolor="#ffffff" cellspacing="5" width="100%" border="0" style="padding:15px;filter:Alpha(opacity=75,enabled=100)" class="maintable" summary="BASE1">
<tbody>
<tr>
<td><span class="number">[$lot]</span>&ensp;<span class="onamae">$name</span>&emsp;<span class="nitiji">[$op2/$op3]&emsp;$date</span>$mailtoo<img src="http://tatsu8.jp/rasuto/bbs/mail.gif" alt="メール" width="22" height="15">$mailendd$urltoo<img src="http://tatsu8.jp/rasuto/bbs/home.gif" alt="ホームページ" width="25" height="22">$urlendd </td>
</tr>
<tr>
<td class="daimei">$sub</td>
</tr>
<tr>
<td class="honbun"><img src="$icon" class="space"><font color="$op1">$mes</font></td>
</tr>

RES2(関連記事のみ表示のレス記事)

<tr>
<td>
<hr>
</td>
</tr>
<tr>
<td><span class="number">[$lot]</span>&ensp;<span class="onamae">$name</span>&emsp;<span class="nitiji">[$op2/$op3]&emsp;$date</span>$mailtoo<img src="http://tatsu8.jp/rasuto/bbs/mail.gif" alt="メール" width="22" height="15">$mailendd$urltoo<img src="http://tatsu8.jp/rasuto/bbs/home.gif" alt="ホームページ" width="25" height="22">$urlendd
</td>
</tr>
<tr>
<td class="daimei">$sub</td>
</tr>
<tr>
<td class="honbun"><img src="$icon" class="space"><font color="$op1">$mes</font></td>
</tr>

BASE4(一覧表示の親記事)

</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>

ログ表示開始後のHTML

PANEL編集

テーブルタグの設定 <table border=0 cellspacing=1 cellpadding=3 align=center>
次のページへ <input type=submit value='次のページ'>
前のページへ <input type=submit value='前のページ'>
最新のページ <input type=submit value="最新のページ">

MASTER編集

■ レス書込時のメッセージ

<div align="center"><a href="#form-top"><img src="http://tatsu8.jp/rasuto/bbs/response-message.png" alt="RESPONSE" width="650" height="100"></a>
</div>

■ 無料版検索フォーム機能

<form name="f2" method="post" action="http://bbs6.sekkaku.net/bbs/?id=tatsu">
<input type="text" name="search" size="30">
<input type="submit" value="検索">
<input type="hidden" name="mode" value="search">
<input type="hidden" name="id" value="tatsu">
</form>

タグや画像は予告なく管理人の気分次第で変更します。ありからず。

最終更新日 2016年11年10日

Special Thanks!!

せっかく掲示板

http://bbs.sekkaku.net/

関連記事:達の記録館BBSの説明

関連記事:達の記録館BBS・デザイン変貌

「達の記録館」バナー

カウンターカウンター合計