趣味のこと............嬉しかったこと!楽しかったこと!心に残った思いを記事にしていきます ☆
タイトル文字の移動と文字の太さ(ウエイト)の変更。
*タイトルの文字を移動してみます。
続けて、文字の太さも変更しますよ!!!



*CSS編集のコノ部分を探します。




DIV.HEADER {
FONT : BOLD 22PT/100% Courier New,TAHOMA;
}

DIV.HEADER A:LINK {COLOR: #000; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #000; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: #888; TEXT-DECORATION: NONE; BORDER-BOTTOM: 1PX SOLID #FFF}

DIV.URL {
FONT : 8PT/100% VERDANA,TAHOMA ;
LETTER-SPACING : 1PX;
MARGIN : 6PX 0PX 20PX;
}




*この中からココを弄ります。

DIV.HEADER {
FONT : BOLD 22PT/100% Courier New,TAHOMA;
}



*この部分に新しいスタイルを加えますよ!

FONT-SIZE : 50PX; FONT-FAMILY:serif,Courier New,TAHOMA; FONT-WEIGHT:BOLD;
TEXT-ALIGN : CENTER;


*「FONT」内をわけてみました。

FONT-SIZE : 50PXは文字の大きさ
FONT-FAMILY:serif,Courier New,TAHOMAは文字の種類
WEIGHT:BOLDは文字の太さ
TEXT-ALIGN : CENTERは文字の位置です。


*WEIGHT:BOLDは文字の太さ

文字の太さを説明します。

NORMAL=普通

BOLD=太く

BOLDER=もっと太く

LIGHT=細く

LIGHTER=もっと細く


私のPCではBOLDEとBOLDは一緒の大きさのような気がします。(大汗)
(LIGHTとLIGHTERも..........)




*TEXT-ALIGN : CENTERは文字の位置

位置の説明です。

LEFT=左に

CENTER=中央に

RIGHT=右に





*最後に「ブログURL」も移動しましょう!

この部分を弄ります

DIV.URL {
FONT : 8PT/100% VERDANA,TAHOMA ;
LETTER-SPACING : 1PX;
MARGIN : 6PX 0PX 20PX;
}

*ココに新たなスタイルを加えますよ!

TEXT-ALIGN : CENTER;

コチラを加えます。(先程と同じような感じです)



*このようになります!

DIV.URL {
FONT : 8PT/100% VERDANA,TAHOMA ;
LETTER-SPACING : 1PX;
MARGIN : 6PX 0PX 20PX;
TEXT-ALIGN : CENTER;
}


はい!OK!!「中央」にURLを移動しました。





以上です!お疲れ様でした!!!




*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-22 12:22 | スキン編集
<< ぬはっ!本文の背景......... 記事と記事の間に「線」を入れます。 >>