人気ブログランキング | 話題のタグを見る
趣味のこと............嬉しかったこと!楽しかったこと!心に残った思いを記事にしていきます ☆
タイトル文字の大きさと文字色の変更
さぁ!始めます。




*タイトルの文字の大きさを変更します!

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}』


この部分の『FONT : BOLD 22PT/100% Courier New,TAHOMA;』を弄ります。
前回、「タイトル文字のフォント」を変えた部分です。

この部分に『FONT : BOLD 22PT』とあります。
22PTの数字を変えます。
私は「33PT」にしました!(PXでも構いません、大きさが異なります)






*次に文字色(カラー)です!!


『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}』


ココを弄ります。


現在は「黒(#000)」です。
カーソルを乗せると「灰色!?(#888)」に変わります。
ですので、色を指定しましょう!!!

『DIV.HEADER A:LINK {COLOR: #000; TEXT-DECORATION: NONE}』

#000の部分を赤するのでしたら「#FFF」

『DIV.HEADER A:LINK {COLOR: #FFF; TEXT-DECORATION: NONE}』
このようになります。



*『DIV.HEADER A:VISITED {COLOR: #000; TEXT-DECORATION: NONE}』

次の箇所も「#000」を「#FFF」に変更。(ココまでは同じ色にします)



*最後の行

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


ここはカーソルを乗せた時に色を変えたいので、違う色にします。
「#888」の部分を「白(#FFF)」にします。

アンダーラインは「BORDER-BOTTOM: 1PX SOLID #FFF」の部分の「#FFF」 。
白なので、お好きなカラーコードを入れます。(例 #FFFF00)←黄色です。

「1PX」の数字を変えると、アンダーラインの太さが変わります。
「5PX」など、結構太いです.........






このような感じで、変更をしてみて下さい。


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

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

by y-sakanaya | 2007-07-21 10:22 | スキン編集
<< あぁ..........どうで... タイトルの文字を変えてみます! >>