スキンを作る工程を追ってみるょ 【5日目】
はだかんぼにして、おおまかに区分けをして、大体の位置を決めてメニュー部分の飾りつけまで完了しました。
次はいよいよ。
Step5:細かく分類して飾りつける ~ 記事部分編 ~
基本的には、メニュー部分と同じです。
大きい区分けの中を細かく分けて、お好みで飾ってくださいませ。
※ただ、コメント部分にだけは若干注意が必要です。
無難に、こんな感じで名前をつけました。
“マークアップもちゃんとやろう作戦”に基づき、記事のタイトル($postsubject$)は<h2>指定です。
記事本文($postcont$)、投稿者情報($posttail$)、コメントの部分($cmtjs$)はわかりやすい名前を。
スタイルシートは、直接ソースを参照ください(手抜きじゃないですよ><)
で、ここでふと気付きます。
『コメント部分はどうやって飾るのか???』
$cmtjs$ に名前をつけただけでは、「コメント部分全体」を囲ったりすることはできても、コメント文とか尻尾(Commented by *** at ~)を細かく指定できません。
ものすごい悔しいんですが、ここと後述のカレンダー部分は、デフォルトで定義した名前を使わないとだめなのです;;
ってことで、デフォルトのCSSからコピペして手直し。
【注意】
小文字好き~なそこのアナタ!!
どれだけ小文字にこだわりがあろうとも、赤字の部分はそのまま大文字で記述してください。
CSS上の名前(?)は、大文字と小文字を区別しますので、小文字にしてしまうと適用されませんょ!><
今回は(今回も)あまりお役立ち情報はなっしんぐ。
気の向くまま風のむくまま、楽しく飾り付けてくださいまし♪
次はいよいよ。
Step5:細かく分類して飾りつける ~ 記事部分編 ~
基本的には、メニュー部分と同じです。
大きい区分けの中を細かく分けて、お好みで飾ってくださいませ。
※ただ、コメント部分にだけは若干注意が必要です。
無難に、こんな感じで名前をつけました。
<h2><$postsubject$></h2>
<div class="postbody"><$postcont$></div>
<div class="posttail"><$posttail$><$postadmin type=1$></div>
<div class="comm"><$cmtjs$></div>
<div class="postbody"><$postcont$></div>
<div class="posttail"><$posttail$><$postadmin type=1$></div>
<div class="comm"><$cmtjs$></div>
“マークアップもちゃんとやろう作戦”に基づき、記事のタイトル($postsubject$)は<h2>指定です。
記事本文($postcont$)、投稿者情報($posttail$)、コメントの部分($cmtjs$)はわかりやすい名前を。
スタイルシートは、直接ソースを参照ください(手抜きじゃないですよ><)
で、ここでふと気付きます。
『コメント部分はどうやって飾るのか???』
$cmtjs$ に名前をつけただけでは、「コメント部分全体」を囲ったりすることはできても、コメント文とか尻尾(Commented by *** at ~)を細かく指定できません。
ものすごい悔しいんですが、ここと後述のカレンダー部分は、デフォルトで定義した名前を使わないとだめなのです;;
ってことで、デフォルトのCSSからコピペして手直し。
【注意】
小文字好き~なそこのアナタ!!
どれだけ小文字にこだわりがあろうとも、赤字の部分はそのまま大文字で記述してください。
CSS上の名前(?)は、大文字と小文字を区別しますので、小文字にしてしまうと適用されませんょ!><
/*--- コメント部分 ---*/
div.COMMENT{~} コメント部分全体を囲む枠
div.COMMENT_BODY{~} コメントの本文
div.COMMENT_TAIL{~} コメントの尻尾(Commented by~)
div.COMMENT_INPUT{~} コメント入力部
div.COMMENT_LINE{~} ライン(何処の???
/*--- トラックバックその他 ---*/
div.TRACK_TOP{~}
div.ARCHIVE_HEAD{}
div.ARCHIVE_BODY{}
div.COMMENT{~} コメント部分全体を囲む枠
div.COMMENT_BODY{~} コメントの本文
div.COMMENT_TAIL{~} コメントの尻尾(Commented by~)
div.COMMENT_INPUT{~} コメント入力部
div.COMMENT_LINE{~} ライン(何処の???
/*--- トラックバックその他 ---*/
div.TRACK_TOP{~}
div.ARCHIVE_HEAD{}
div.ARCHIVE_BODY{}
今回は(今回も)あまりお役立ち情報はなっしんぐ。
気の向くまま風のむくまま、楽しく飾り付けてくださいまし♪
by saradhina
| 2004-10-20 10:05
| Road to MySkin