人気ブログランキング | 話題のタグを見る
Studio TA Subsite の案内とお知らせ

CSS見直し時に確認したその他の注意事項

2014年 03月 28日
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」の範囲を確認している様子です。
CSS見直し時に確認したその他の注意事項_b0174191_20315095.jpg


ExBlogのシステムに関係するのか、「CSSの項目名」で大文字と小文字を区別するものが一部あります。
以前の記事に挙げたものの中では、以下に関して項目名の半角大文字/半角小文字を書き変えると動作しなくなるので注意が必要です。「{ }」内の指定内容の記述は、大文字/小文字のどちらでも全く問題ありません。

●ページ送りのスイッチに関する項目名 参照:Test Post Field(14)「ページ」スイッチの方式変更
.pageimg
.pageTool
.pre
.next
.older_page
.newer_page

●関連記事を紹介するナビゲーション画像の項目名 参照:Test Post Field(18)ナビゲーション画像 
.thumnail_next_bbs



by Ataron | 2014-03-28 01:20 | ブログスキンのアレンジ | Trackback | Comments(0)
名前
URL
削除用パスワード

※このブログはコメント承認制を適用しています。ブログの持ち主が承認するまでコメントは表示されません。