人気ブログランキング | 話題のタグを見る
強引スキン大改造 その7

はい。

ここまで頑張ったみんなのブログは、

最早十分オリスキになっているものと思われます。

最後にラインを変えちゃいましょう。




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コードの意味について勉強しましょう。

でわでわ。
by 201V1 | 2004-06-24 08:00 | Д気合で変えるブログデザイン
<< 強引スキン大改造 その6 強引スキン大改造 ( その8 ) >>