CSSの整理、清書でいくつか注意点を確認。
.SMALL 反映する場所がない。削除された項目に関して残したままとしたミス?
.SMALL { FONT-SIZE: X-SMALL; } 削除しても問題なく動作しているが、念のため左の様にしておく
.POST_TAIL 本文枠の最下行に投稿ごとに投稿者名や時間を表示する行
.COMMENT コメント枠の全体をさす要素
.COMMENT_BODY 投稿された各コメント本文(投稿単位)
.COMMENT_TAIL コメント者名の表示行 と 非公開コメントの場合の表示
ここのフォントサイズ8PTをX-SMALLに変更
.COMMENT_INPUT コメント欄の更に一番下に置かれた
コメント入力用のブロック全体をさす要素
…ラインの幅で下は送信ボタンの高さまでの範囲
.COMMENT_LINE トラックバック部とコメント本文との境界線
+
要素の場所や意味を特定するために、赤表示にするために用いる修飾行を使いました。
要素内に既に他の色指定が記述されている場合は、
その行は「/*」「*/」で囲って一時的に無効化し、確認が終わったら元に戻します。
修飾行は以下を適当に継ぎ剝ぎしたものを、各要素の中に書き込み、確認したら消して戻します。
COLOR: #FF0000;
BACKGROUND-COLOR: #FF0000;
下図は上記の「DIV.COMMENT_INPUT」の範囲を確認している様子です。
+
ExBlogのシステムに関係するのか、「CSSの項目名」で大文字と小文字を区別するものが一部あります。
以前の記事に挙げたものの中では、以下に関して項目名の半角大文字/半角小文字を書き変えると動作しなくなるので注意が必要です。「{ }」内の指定内容の記述は、大文字/小文字のどちらでも全く問題ありません。
●ページ送りのスイッチに関する項目名 参照:
Test Post Field(14)「ページ」スイッチの方式変更.pageimg
.pageTool
.pre
.next
.older_page
.newer_page
●関連記事を紹介するナビゲーション画像の項目名 参照:
Test Post Field(18)ナビゲーション画像 .thumnail_next_bbs