せっかく掲示板サンプルカスタマイズの記録tbdp

せっかく掲示板 : サンプルの一覧

せっかく掲示板：サンプルサーチ
「返信機能あり」の検索結果で「有料版の機能を使用」でないサンプルを探す。

↓

せっかく掲示板：サンプル34
とにかくシンプルな掲示板を作成しました。スタイルシートを使用し、スタイリッシュにまとめてあります。シンプルな掲示板を好む方に適しています。
もちろんここからカスタマイズをスタートしていけば、あなたのサイトやブログにピッタリのデザインの掲示板に仕上げることも出来ますね


せっかく掲示板：サンプル34のカスタマイズの記録
以下、編集中　_(._.)_

（タグを含む投稿を編集する時は基本機能の設定の編集画面のタグの制御：で「mes変数のタグの使用禁止」を一時的に「タグを使用可能」に設定し直すこと。）

せっかく掲示板 : サンプルの一覧

せっかく掲示板：サンプルサーチ
「返信機能あり」の検索結果で「有料版の機能を使用」でないサンプルを探す。

↓

せっかく掲示板：サンプル35
白地にオレンジ系のデザインでまとめたシンプルな掲示板です。基本的にスタイルシートで構成されていますので、枠など色の変更はスタイルシートから出来ます。
PC画面でもスマートフォンなどから見ても、崩れにくいデザインになっています。シンプルでわかりやすいデザインの掲示板です。



せっかく掲示板：サンプル35のカスタマイズの記録
白地にオレンジ系のデザインでまとめたシンプルな掲示板です。基本的にスタイルシートで構成されていますので、枠など色の変更はスタイルシートから出来ます。
PC画面でもスマートフォンなどから見ても、崩れにくいデザインになっています。シンプルでわかりやすいデザインの掲示板です。

件名/名前・発信日時・番号/アイコン(非表示可)・本文/返信
　↓
件名/本文/名前・アイコン(非表示可)/発信日時・番号・返信

せっかく掲示板tbdpメンテナンスルーム - カスタマイズ(掲示板デザイン上級編集)アドバンスモード - メッセージ編集 - BASE１（一覧表示の親記事）

16行目の<span class="font2" style="color:$op1;">$mes</span>を6行目に移動する。
の行を削除する。
[設定の変更]



font2 font-size:11.5pt
件名の横幅iPhone8で１８文字、件名背景鮮やかな橙色。
本文の横幅iPhone8で１９文字。



2023年**月**日(日) 13:00-16:00
壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆
○○県○○市○○町○○-○○
会費：１,０００円
壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆
付記事項：フリードリンク・ホットコーヒー・お寿司・サンドイッチ・果物あります。　♪♪♪
壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆捌玖零壱弐参肆

せっかく掲示板 : サンプルの一覧

せっかく掲示板：サンプルサーチ
返信機能あり シンプル系 スタイルシート -有料版

↓

せっかく掲示板 サンプル35

せっかく掲示板tbdpメンテナンスルーム



白地にオレンジ系のデザインでまとめたシンプルな掲示板です。基本的にスタイルシートで構成されていますので、枠など色の変更はスタイルシートから出来ます。
PC画面でもスマートフォンなどから見ても、崩れにくいデザインになっています。シンプルでわかりやすいデザインの掲示板です。

題名/名前・発信日時・番号/アイコン(非表示可)・本文/返信
font2 font-size:11.5pt
題名の横幅iPhone8で１８文字、題名背景鮮やかな橙色。
本文の横幅iPhone8で１９文字。
本文の１行目の先頭に空白１文字が入っている。
　https://bbs.sekkaku.net/image/tool/065.gif
◎有力候補



せっかく掲示板サンプル35無料版返信可能age有効カスタマイズイベント告知掲示板雛形

2023年**月**日(日) 13:00-16:00
壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆捌玖
○○県○○市○○町○○-○○
会費：１,０００円
壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆捌玖
付記事項：フリードリンク・ホットコーヒー・お寿司・サンドイッチ・果物あります。　♪♪♪
壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆捌玖零壱弐参肆伍陸漆捌
　

字の大きさをカスタマイズしたい
サイズと言ってもいろいろあるかもしれません
念のため「size」を検索しました
「font-size」だけしかヒットしませんでした
しかも一か所だけでした
これは本当にシンプル。。。...


カスタマイズ(掲示板デザイン上級編集)アドバンスモード

[HEAD編集]
td { font-size: 12px}　→16PX

[BODY編集]
ヒットなし

[TOP編集]
ヒットなし

[FORM編集]
ヒットなし

[MESSAGE編集]
ヒットなし

[PANEL編集]
ヒットなし

[MASTER編集]
ヒットなし

せっかく掲示板tbdpメンテナンスルームの初期化(デザイン切替初期化)でせっかく掲示板無料版返信機能なしサンプル26を適用してパソコンとiPadでこの掲示板がどう見えるかを検証てみました。

パソコンでは普通よく見るウェブサイトと同じくらいの幅が有るように見え、スマホ版を敢えてパソコンで見ているという違和感は全くないように私には見えました。
私のスマホiPhone8では昔のパソコンサイトを無理やりスマホで見ているような画面が左右に揺らぐとか言うような違和感はなく、スマホ用サイトをスマホで見ていると言うことで文句の付け所がありません。ただ、＜blockquote＞タグを使った投稿だけは画面が左右に揺らぎます。でも他の投稿の部分は揺らぎません。
掲示板で引用と言う意味で＜blockquote＞タグを使うと言うことは普通無いと思われるので、この不都合は我慢の許容範囲だろうと私は思います。

一応、全メンテナンスルームで「width」をページ検索をして見ました。

■デザイン変更：初心者用モード

<p style="width:600px;"><p align="center">何か記念に書いてください！</p>

<p align="center"><a href="https://bbs.sekkaku.net/">ホームページへ戻る</a></p></p>

■カスタマイズ(掲示板デザイン上級編集)アドバンスモード
[HEAD編集]
<meta name="viewport" content="width = device-width, initial-scale = 1">

@media screen and (max-width:640px){
.maintable {width:98%;}
.maintable2 {width:20%;}

[BODY編集]
ヒットなし

[TOP編集]
<p style="width:600px;"><p align="center">何か記念に書いてください！</p>


[FORM編集]
ヒットなし

[MESSAGE編集]
BASE１（一覧表示の親記事）
<table border="0" cellspacing="1" cellpadding="2" align="center" width="600" bgcolor="#FFFFFF" class="maintable">

[PANEL編集]
ヒットなし

[MASTER編集]
ヒットなし



■デザイン変更：初心者用モード

<p style="width:600px;"><p align="center">何か記念に書いてください！</p>

<p align="center"><a href="https://bbs.sekkaku.net/">ホームページへ戻る</a></p></p>


[HEAD編集]
<meta name="viewport" content="width = device-width, initial-scale = 1">

@media screen and (max-width:640px){
.maintable {width:98%;}
.maintable2 {width:20%;}

[BODY編集]
ヒットなし

[TOP編集]
<p style="width:600px;"><p align="center">何か記念に書いてください！</p>


[FORM編集]
ヒットなし

[MESSAGE編集]
BASE１（一覧表示の親記事）
<table border="0" cellspacing="1" cellpadding="2" align="center" width="600" bgcolor="#FFFFFF" class="maintable">

[PANEL編集]
ヒットなし

[MASTER編集]
ヒットなし

「width="600"」しかヒットしません。パソコンではこの幅で表示しますよ・・・かな？

と言うことでサンプル26は「width」に関してはカスタマイズの必要は一切無しということに私はしました。


ps #エイプリル・フールだし、あまり深く信用しないで下さい。。。...

ＰＣタイプ26

男の子っぽいホームページを意識し、男の子っぽい色彩を使った掲示板です。
レスなしタイプの掲示板なので、返信記事などはありませんが、ツイッターと連動させて長文つぶやきなどにもピッタリ活用出来ます。
基本的にテーブルレイアウトなので、初心者の方にもわかりやすく、ここからさらにオリジナルある掲示板へ大変カスタマイズしやすいです。
2256 point「投票する」
返信機能なし シンプル系 機能系
https://bbs.sekkaku.net/bbs/sample/

返信投稿の受付制限機能

３．返信投稿の受付制限機能欄に、最大受付数を入力して下さい。

見本では「3」と書いてあるが、デフォルトは「0」が入力されている。これを何気なく「0」のまま放置していると返信ボタンを押して返信画面を表示させていたとしても先には進めなくて「返信できない」になってしまうのではなかろうか？　一応、見本のように「3」と設定し直してみてはどうでしょうか。

いろいろ考えてみるに、「返信機能があるということには掲示板運営上いろいろと問題があるということなのかもしれません。age目的の返信が多すぎるとか、誹謗中傷類の返信があるかもしれないとか・・・。

これを考えているうちに私は返信可能型掲示板を導入する気が全く失せてしまいました。

イベント告知のためなら「返信機能無し型掲示板」の方が管理が簡単だし問題が少ないのではなかろうか！

２チャンネルの「age」は私も結構好きだったのですが。。。...

次回からは「返信機能無し型イベント告知用掲示板」のせっかく掲示板の導入に向けていろいろ調べてみることにします。



↓その他の「返信」に関するせっかく掲示板：FAQ/

返信投稿時の並び替え方法(age機能、sage機能)

返信投稿の並び順変更方法(返信記事の挿入場所)

返信ページの改頁化

特定の記事のレス（返信）を禁止にする

1階層目の返信（RES1）表示件数の指定

返信は1人1件のみ規制

返信用の投稿フォームをカスタマイズする

返信後、返信フォームに戻る

返信時デザインの構造

返信フォームに親記事を引用する

返信時件名にRe:○○を付ける

返信フォームを別ページ化（3階層式・横レス）

モバイルページ用簡易返信機能

せっかく掲示板サンプルＰＣタイプBで掲示板を立ち上げてみました。

サンプルＰＣタイプB
ＰＣタイプB
シンプルなデザインにそのまま返信機能を設けてあります。タイプAを元に記事をテーブルで囲む事で、各記事ごとにまとまりのある掲示板になっています。
白色背景にピンク色のタイトルバックを使う事で、ある種爽やかさとかわいさを演出して見ましたが、皆さま自信にて、さらにカスタマイズ頂く事を目指しています。
1258 point「投票する」　スマホ幅狭い
返信機能あり シンプル系
せっかく掲示板：サンプルサーチ
番号・題名・名前・返信/内容/投稿日時
自己返信・・・ago成功
ageに加担した返信を削除しても
上げられた親記事のageは成立しているみたい。
スマホ：文字の大きさ普通、内容欄の１行文字数11で少な過ぎる。

せっかく掲示板 : サンプルの一覧

せっかく掲示板サンプルＰＣタイプBで掲示板を立ち上げてみました。

サンプルＰＣタイプB
ＰＣタイプB
シンプルなデザインにそのまま返信機能を設けてあります。タイプAを元に記事をテーブルで囲む事で、各記事ごとにまとまりのある掲示板になっています。
白色背景にピンク色のタイトルバックを使う事で、ある種爽やかさとかわいさを演出して見ましたが、皆さま自信にて、さらにカスタマイズ頂く事を目指しています。
1258 point「投票する」　スマホ幅狭い
返信機能あり シンプル系
https://bbs.sekkaku.net/bbs/sample/
↑せっかく掲示板：サンプルサーチからの引用です。
番号・題名・名前・返信/内容/投稿日時
自己返信でageが成功。ageに加担した返信を削除しても上げられた親記事のageは成立している。
スマホ：文字の大きさ普通、内容欄の１行文字数11で少な過ぎる。

この記事の内容欄は全体が
＜blockquote＞と＜/blockquote＞で
囲われています。

多分、右と左などの余白を作りたかったからでしょうがパソコンではなくスマホからこの記事を見た時余白が大きすぎてちょっと読みにくいです。

パソコンからのお客さんを大事にするか、スマホからのお客さんを大事にするか・・・
カスタマイズの命題のような気がします。



せっかく掲示板 : サンプルの一覧

[MESSAGE編集]の画面を開いておいてページの検索で「blockquote」を探します。
＜blockquote＞
＜font size="3">$mes＜/blockquote>
↑こういうのが４か所見つかる
これを↓これに全部置き替えます。
＜p＞
＜font size="3">$mes＜/p＞

改行の仕方を変えたことになります。
１.タイトルとコメントの間の隙間が少し狭くなる。
２.コメントが１字下がった所から表示されていたのが左端の頭から表示されるようになった。
即ちコメントが表示される領域が広がった。
スマホの狭い画面では横文字数が増えるのでありがたい人にはありがたいです。