はい。
ここまで頑張ったみんなのブログは、
最早十分オリスキになっているものと思われます。
最後にラインを変えちゃいましょう。
CSSコードの上から30パーセントくらいのトコロに
DIV.MNTTL {
WIDTH : 200PX;
BORDER-BOTTOM : 1PX #FF0000 SOLID;
FONT-SIZE : 9PT;
FONT-FAMILY :,VERDANA;
PADDING : 2PX 0PX 0PX;
MARGIN : 25PX 0PX 10PX;
COLOR : #000;
}
ってコードがあります。
ここの
BORDER-BOTTOM : 1PX #FF0000 SOLID;
ってのがメニュー(メモ帳やカレンダー・カテゴリの入っているスペース)の
横棒(敷居棒)の太さと色のコードです。
PXの数字を変えて太さを設定。色も変えちゃってください。
そのちょっと下にある
DIV.POST_HEAD {
MARGIN-BOTTOM : 15PX;
PADDING-TOP : 15PX;
BORDER-TOP : 1PX #FF0000 SOLID;
}
で、同じように投稿記事の横棒が変更できます。
コメント欄の横棒はそのちょっと下にある
DIV.COMMENT {
TEXT-ALIGN : LEFT;
BORDER : 1PX #BFB69A SOLID;
BACKGROUND-IMAGE : URL(http://pds.exblog.jp/pds/1/200406/23/90/gosyoB.gif);
PADDING-LEFT : 15PX;
PADDING-RIGHT : 15PX;
MARGIN : 20PX 0PX 20PX;
OVERFLOW : HIDDEN;
}
のBORDER : 1PX #BFB69A SOLID;
を弄れば、カンタンに変更できます。
これで相当ブログのデザインがオリジナルに為ったはず。
次回では、最低限知っておきたいCSSコードの意味について勉強しましょう。
でわでわ。