スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.ブログタイルの文字色・文字サイズを変えたいんだけど…[3]

A.
スタイルシートの変更が必要です。
変更の仕方はこちらで説明してます。


1.
スタイルシートの40~51行目付近に
.blog_title
{
width:90%;
padding-right:10px;
MARGIN: 30px auto 10px 20px;
FONT-WEIGHT: bold;

FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #f99;
WORD-BREAK: break-all;
LETTER-SPACING: 1px
}

というのがあります。

2.
文字サイズを変える場合は1.の青文字のところの 16px; を好きなサイズに変更します。

実際に文字サイズを最初のサイズより少しだけ大きくすると
.blog_title
{
width:90%;
padding-right:10px;
MARGIN: 30px auto 10px 20px;
FONT-WEIGHT: bold;

FONT-SIZE: 18px;
OVERFLOW: hidden;
COLOR: #f99;
WORD-BREAK: break-all;
LETTER-SPACING: 1px
}

このようになります。

3.
文字色を変える場合は、1.の赤文字のところの #f99; を好きな色のカラーコードに変更します。

実際に文字色をみどりに変えると
.blog_title
{
width:90%;
padding-right:10px;
MARGIN: 30px auto 10px 20px;
FONT-WEIGHT: bold;

FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #32cd32;
WORD-BREAK: break-all;
LETTER-SPACING: 1px
}

このようになります。

4.
更に、スタイルシートの52~75行目付近に
.blog_title A:link
{

COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

.blog_title A:visited
{

COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

.blog_title A:hover
{

COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

.blog_title A:active
{

COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

というのがあります。

5.
4.の赤文字のところの #f99;3.で変えたカラーコードを入れます。

実際に文字色を3.と同じようにみどりに変えると
.blog_title A:link
{

COLOR: #32cd32;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

.blog_title A:visited
{

COLOR: #32cd32;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

.blog_title A:hover
{

COLOR: #32cd32;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

.blog_title A:active
{

COLOR: #32cd32;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

このようになります。
スポンサーサイト
[ 04/04 ] [画像(ヤプ画・ブログタイトル)]3カラムpink | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。