４．カスタマイズ編

【他の質問項目へのクイックメニュー】

【４．カスタマイズ編】

ＦＣ２ＢＢＳは2003年１月より新バージョンとなりました。
『テンプレートライブラリを最適化し、掲示板を当社比約３倍に高速化しました。』
ということで今までよりも数段快適になり、さらにカスタマイズもしやすくなりました。

この中ではＣＳＳ（カスケーティングスタイルシート）を利用したカスタマイズの例を
多く載せています（ＣＳＳと明記しています）。
ＣＳＳがわからないという方は、参考サイト編にわかりやすいサイトさんをいくつか載せてありますので、基本だけでも学んでくるとわかりやすいと思います。
超お勧めは、ＦＣ２ＢＢＳのカスタマイズに限定した有志サポーターのBakeさんが作成された「ＦＣ２ＢＢＳをカスタマイズしてみよう」のサイトさんです。
なお、このBBSの仕様でhead間のタグは触れないので、本来はhead間に記述するべきＣＳＳをbody間に記述するという、実は文法的には間違った方法である事は御理解下さい。
また、カスタマイズしたことによるトラブルについてはＦＣ２ＢＢＳさんは対応してはくれません。ユーザーが責任をもって行なってください。

☆質問リスト☆

Ｑ．とりあえずスタイルシートを使用しないカスタマイズの方法を教えて下さい（色やアイコンの有無、フォントの大きさ等）。

Ｑ．管理画面の各種設定の上段や下段のタグは何をいれたらいいのでしょう？

Ｑ．タイトルや戻る用に画像を使いたいのですが、やり方がわかりません。

Ｑ．掲示板タイトルを付けたいのですが、それだけを大きく（小さく）するにはどうしたらいいのでしょうか？（CSS）

Ｑ．テーブルの幅を変更するにはどうしたら出来ますか？（CSS）

Ｑ．テーブルの幅を小さくしたら右横に枠が残ってしまい、左に寄っているように見えてしまいます。どうしたらいいでしょうか？（CSS）

Ｑ．投稿欄やメッセージ表示部分等一部の文字の大きさや色、フォントを変更したいのですが、どうすればいいのでしょうか？（CSS）

Ｑ．入力欄（テーブル）の回りの線の太さを変更するのにはどうしたらいいのでしょうか？

Ｑ．よくテーブルの枠を点線などにしているＢＢＳを見かけるのですが、どうすれば出来ますか？（CSS）

Ｑ．「文字色の色の選択」をオフにすると、なぜか緑に指定していない所なのに文字が緑になってしまいます。

Ｑ．BBSのカスタマイズをしていたのですが、失敗して管理画面や編集画面にすら入る事ができません。どうしたらよいのでしょうか？

Ｑ．投稿欄の「お名前」「件名」等の文字を自分専用に変更したいのですが出来ますか？（CSS）

Ｑ．カスタマイズの参考になる掲示板ってありますか？（CSS）

Ｑ．とりあえずスタイルシートを使用しないカスタマイズの方法を教えて下さい（色やアイコンの有無、フォントの大きさ等）

Ａ．FC2BBSのトップページ からログインした「管理画面」の中に「各種設定」という項目があります。ここで用意されている項目を変更するだけでも、相当なところまで変更できます。
この画面の設定方法は「ＦＣ２ＢＢＳのトップページ」の「メニュー」の中にある マニュアルの中の各種設定 というところをご覧下さい。
各掲示板のタイプ毎に詳細に書かれています。

簡単にここで図解（標準タイプ）説明します。…こちら

▲このページのTOPへ戻る

Ｑ．管理画面の各種設定の上段や下段のタグは何をいれたらいいのでしょう？

Ａ．「ＦＣ２ＢＢＳのトップページ」の「メニュー」の中にある マニュアルの中の各種設定 というところをご覧下さい。
ここに各掲示板のタイプ毎にタグの変更の仕方が詳細に書かれています。

しかし、２００３年１月に仕様改善されたこともあり、ここにはタグを書かなくても掲示板は動作します。何もしないと空欄になっているはずです。
＜html＞や＜body＞を記述する必要はありません。
基本的に上段のタグは＜body＞の直後、下段のタグは＜/body＞の直前に入ります。
CSSは上段のタグに記入しますが、本来は＜head＞～＜/head＞に記述するものなので、このページのTOPにも書いてあるように文法的には誤った使い方をしていることになります。

▲このページのTOPへ戻る

Ｑ．タイトルや戻る用に画像を使いたいのですが、やり方がわかりません。

Ａ．通常のｈｔｍｌと同様にイメージタグを使います。
「管理画面」の「各種設定」の中にある「掲示板の上段に挿入するHTMLタグ」か
「掲示板の下段に挿入するHTMLタグ」のところにタグを貼り付けてください。

（例）
<img border="0" src="http://画像のＵＲＬ" width="XXX" height="XXX">

尚、背景画像は「背景の画像」というところにＵＲＬをhttp://～入力するだけで使用できます。

注意：画像は御自分のお借りしているサーバスペースからの直リンクに相当します。ＦＣ２ＢＢＳとしては問題はありませんが、相手のサーバの規約に違反することもありえますので、十分規約を確認して行なって下さい。
尚、ＦＣ２web又はGOOSIDEでスペースを借りている方は、そこに置いてある画像を使用したとしても、同系列のサーバですので直リンクには当りません。

関連：Ｑ．ＦＣ２ｗｅｂ（ＧＯＯＳＩＤＥ）でサーバのスペースをお借りしているのですが、
そこにＵＰしてある画像をＢＢＳの背景やタイトルに使用すると直リンクの規約に違反しますか？

▲このページのTOPへ戻る

Ｑ．掲示板タイトルを付けたいのですが、それだけを大きく（小さく）するにはどうしたらいいのでしょうか？（CSS）

Ａ．「管理画面」の「各種設定」の中にある「掲示板の上段に挿入するHTMLタグ」に入力します。

（pタグの例：中央表示、20ピクセルで白い文字）

<p align="center" style="font-size:20px;color:#ffffff;">掲示板タイトル</p>

（spanタグの例：左寄せ表示、18ポイントで赤い文字）

<span align="left" style="font-size:18pt;color:red;">掲示板タイトル</p>

※pタグはブロック（ボックス）要素なので、前後に空行が入りますが、spanタグはインライン要素なので空行が入りません。

▲このページのTOPへ戻る

Ｑ．テーブルの幅を変更するにはどうしたら出来ますか？（CSS）

Ａ．ＣＳＳを使えば簡単に出来ます。「管理画面」の「各種設定」の中にある「掲示板の上段に挿入するHTMLタグ」に入力してください。
この時、幅を％で指定すると右側に空欄が残ってしまうので、ピクセルで指定するようにしたほうがいいでしょう。

（例：600ピクセルに変更する）

<style type="text/css">

</style>

▲このページのTOPへ戻る

Ｑ．テーブルの幅を小さくしたら右横に枠が残ってしまい、左に寄っているように見えてしまいます。どうしたらいいでしょうか？（CSS）

Ａ．テーブルの幅を％で指定するとこのような現象になります。
簡単に修正するには、ピクセル（px）で指定してあげるといいでしょう。

（例：枠が残ってしまう指定方法）
<style type="text/css">

</style>

（例：綺麗に表示される指定方法）
<style type="text/css">

</style>

▲このページのTOPへ戻る

Ｑ．投稿欄やメッセージ表示部分等一部の文字の大きさや色、フォントを変更したいのですが、どうすればいいのでしょうか？（CSS）

Ａ．ＣＳＳを使って変更します。「管理画面」の「各種設定」の中にある「掲示板の上段に挿入するHTMLタグ」に入力してください。

以下の指定で、ＣＳＳで自分が変更したい箇所を指定できます。
XXXXXの所に文字の大きさや色、フォントなどを指定します。

投稿欄：input{ XXXXX ｝
メッセージ表示欄：textarea{ XXXXX ｝
選択項目：select{ XXXXX ｝

セレクタはinput、textarea、select以外にもtable、td、body等でも使用可能です。

（例：投稿欄を文字サイズ１２ポイント、赤、ＭＳ明朝に変更する）

<style type="text/css">

</style>

（例：投稿欄とメッセージ表示欄の文字サイズを１４ピクセル、青に変更する）

<style type="text/css">

</style>

▲このページのTOPへ戻る

Ｑ．入力欄（テーブル）の回りの線の太さを変更するのにはどうしたらいいのでしょうか？

Ａ．「管理画面」の「各種設定」の中にある「テーブルフレームの幅（文字入力部）」と「テーブルフレームの幅（メッセージ表示部）」で変えられます。

（0と指定すると変更ボタンをクリックした後は数値が消えてしまうようですが、ソースはborder="0"となりますので線が消えて見えます）

▲このページのTOPへ戻る

Ｑ．よくテーブルの枠を点線などにしているＢＢＳを見かけるのですが、どうすれば出来ますか？（CSS）

Ａ．「管理画面」の中で線（枠）の太さを変えたり色を変えたりは出来ますが、種類を変えることは出来ません。そこでここでもＣＳＳを使って変更します。
「管理画面」の「各種設定」の中にある「掲示板の上段に挿入するHTMLタグ」に入力してください。
以下の指定で、ＣＳＳで自分が変更したい箇所を指定できます。

XXXXXの所に線の種類を指定します。

投稿欄：input{ border-style:XXXXX ｝
メッセージ表示欄：textarea{ border-style:XXXXX ｝

セレクタはinput、textarea以外にもtable、td、body、select等でも使用可能です。

（例：投稿欄、メッセージ表示欄共枠線を全て点線に変更する）

<style type="text/css">

</style>

（例：メッセージ表示欄の枠線を上だけ点線に変更する）

<style type="text/css">

</style>

この指定では
border-top：上
border-left：左
border-bottom：下
border-right：右
の各枠線毎に太さ、色、線の種類を指定できます。

なお、上記どちらの指定方法でも線の種類は他にも変更可能です。

実線：solid
点線：dotted
波線：dashed
二重線：double

▲このページのTOPへ戻る

Ｑ．「文字色の色の選択」をオフにすると、なぜか緑に指定していない所なのに文字が緑になってしまいます。

Ａ．そういう仕様なのかバグなのかわかりませんが、「文字色の選択」にある最後の文字色（デフォルト：#009900 ■）になってしまうようです。

「文字色の色の選択」をオフにする場合は、
「管理画面」の「各種設定」の中にある「文字色の色の選択」の下にある「色」のところで最後の色（右の一番下の色：#009900 ■）を自分の指定したい色（例えば青でしたら：#0000ff ■）に変更してください。

▲このページのTOPへ戻る

Ｑ．BBSのカスタマイズをしていたのですが、失敗して管理画面や編集画面にすら入る事ができません。どうしたらよいのでしょうか？
	Ａ．カスタマイズは自己責任ですので、ＦＣ２ＢＢＳさんでは対応してくれません。解決策がトラブル編にありますので、こちらをご覧下さい。 ▲このページのTOPへ戻る

Ｑ．投稿欄の「お名前」「件名」等の文字を自分専用に変更したいのですが出来ますか？（CSS）

Ａ．残念ながらできないようです。

「お名前」「件名」等の文字をなんとか変更できないか有志サポーターの方が何人かチャレンジしましたが、うまくできなかったようです。

ちなみに、これでＢＢＳ自体が壊れてしまって元に戻せなくなった方もいらっしゃいますので、ＣＳＳ等に自信の無い方やそこまでの必要がない方はやめておいた方がいいでしょう。

もし、どなたかがチャレンジして出来た時には、ぜひ「総合ＦＡＱサイト」のＴＯＰにある「連絡用ＢＢＳ」にて御連絡頂けると嬉しいです。

▲このページのTOPへ戻る

Ｑ．カスタマイズの参考になる掲示板ってありますか？（CSS）

Ａ．有志サポーターの方々が作ったサンプルがこちらです。

ＣＳＳを利用して相当カスタマイズがなされています。
ソースを拝見すればカスタマイズの仕方もわかるかと思います。

なお、この掲示板は各々ユーザーが所有しており実際に使用しているものもありますので、テスト書き込みは絶対に止めてください。

1.サンプル掲示板
2.サンプル掲示板
3.サンプル掲示板
4.サンプル掲示板
5.サンプル掲示板

これ以外にも有志サポーターの方が作成したサンプルがFC2BBSのトップページ にどんどん増えています。そちらに気に入ったものがあるかもしれません。
▲このページのTOPへ戻る