Copyright 2003 Bake. All rights reserved.
■■■ FC2BBSのしくみ
ここは、FC2BBS をカスタマイズをする前に、カスタマイズしようとしているものがどういう 構造になっているのかを知っておこう、というコーナーです。

始めに確認してください。

FC2BBS は、スキン設定が標準デザインの状態で、「各種設定」の「掲示板の上段に挿入するHTMLタグ」 の欄にスタイルシートなどを書き込むことで、デザインのカスタマイズを行います。
デザインスキンが設定してあると、思ったような効果が得られない場合が有ります。
 ← こうしてください。
ポップアップにあるデザインスキンをベースにカスタマイズ(テーブル幅を変えるなど)したい場合も、 一度「標準デザイン」に戻して、ソースの紹介ページからコピーしたソースに手を入れたほうが、(たぶん) トラブルが少ないはずです。


「各種設定」と生成されるHTMLの関係図

 

生成されたBBSのHTMLにおける<title>〜</title>には、「各種設定」の「Title」が埋め込まれます。
<body>タグのオプションとして、「背景色」「背景の画像」「文字色」「リンクの色」「訪問済みリンクの色」 「アクティブリンクの色」が埋め込まれます。
その後に「掲示板の上段に挿入するHTMLタグ」が入り、掲示板本体が入り、「掲示板の 下段に挿入するHTMLタグ」、FC2へのリンク、</body></html>と続きます。

▲ このページの先頭へ
FC2BBSのテーブルの構造

上の図の、テーブルの部分をもう少し細かく確認してみましょう。
発言を表示するテーブルの「形」は、ユーザーには手が加えられません。
FC2BBS(標準タイプ)の、発言フォームを含むテーブルと発言の表示されるテーブルを デフォルトのまま取り出し、border=1 としてみました。

お名前:
メールアドレス:
件名:
ホームページ:    性別:  
メッセージ:
アイコン:   アイコン一覧表示   アイコンのURL: 
色:                        
  パスワード:    


 
発言タイトル - ハンドル(性別)- 2003-02-19 15:16:43 削除

ここに発言

枠の太さが 1px なので、少し解りにくいのですが、発言フォームのテーブルは 3重、 発言の表示テーブルは2重のテーブルが使われています。
外側のテーブルの背景色で「枠色の指定」をし、内側のテーブルの背景色で「発言 の背景色の指定」をし、そのふたつのテーブルの大きさの差で「枠の幅」を決めて いるのです。
したがって、全体を指定するスタイルシートで全てのテーブルにスタイルを 指定した場合、発言フォームテーブルは3重、発言表示テーブルは2重に影響を受ける事に なります。たとえば、テーブルの幅に対して 80% という相対的な数値での指定をすると、 下のような現象が起きてしまいます。(フォームテーブルのデザインの崩れをきちんと確認するには、 テキストエリア幅による干渉を無くすために、ブラウザを出来るだけ大きくしてください。)

お名前:
メールアドレス:
件名:
ホームページ:    性別:  
メッセージ:
アイコン:   アイコン一覧表示   アイコンのURL: 
色:                        
  パスワード:    


 
発言タイトル - ハンドル(性別)- 2003-02-19 15:16:43 削除

ここに発言

これを回避するためには、テーブルの幅は px などを使って、絶対的な数値で入れてやる 必要が有ります。
 
 
テーブルが重なっているので、枠のスタイルを指定した場合は、それぞれ二重になったり太さが倍 になったり、フォームテーブルのほうはそれに加えて内側にもう一重、表示されることになります。
デフォルトのテーブルに、2px dotted #cc0000 の枠を設定してみましょう。点線の枠が二重・三重になるのが 解ります。
 
※CSS を使って TD に padding を設定し、重なっているテーブル間に隙間を作る事も可能ですが、テーブル幅のコントロールが少し難しくなります。

お名前:
メールアドレス:
件名:
ホームページ:    性別:  
メッセージ:
アイコン:   アイコン一覧表示   アイコンのURL: 
色:                        
  パスワード:    


 
発言タイトル - ハンドル(性別)- 2003-02-19 15:16:43 削除

ここに発言


▲ このページの先頭へ

カスタマイズ時の注意など
 
ちょっとしたタグの打ち間違いなどでユーザーには修正できない状態になってしまう場合がありますので、気をつけてください。「トラブルシューティング」には、事前に目を通しておかれる事をおすすめします。(ちょっと雑然としていて申し訳ないのですが…)
また、万一に備えて、カスタマイズの前に掲示板のバックアップを取っておきましょう。(「ファイル」→「名前を付けて保存」で可能です。ログが複数ページになっている場合は、各ページごとに「保存」することが必要です。マルチトピックタイプをお使いの時は、標準かあめぞうタイプに変更してから保存したほうが楽です。)
 
ブラウザを二つ立ち上げて、片方を管理画面にしてカスタマイズ、もう片方で表示確認、という方法を取ると、表示を確認して「失敗した!」と思った時に、管理画面のブラウザの「戻る」が使えて便利です。問題の無かった状態まで「戻る」して、再度「変更」してください。

▲ このページの先頭へ

TOPへ  

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送