スポンサーサイト

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

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

Q.サイドバータイトルを変えたいんだけど…[3]

A.
背景色(背景画像)、文字サイズ、文字色をそれぞれ変えれます。
スタイルシートを変更するとできます。
以下、変更方法


1.
スタイルシートの226~239行目付近に
.side_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
PADDING-BOTTOM: 5px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 5px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}

と、いうのがあります。

2.
背景色をskyblueに変えるのであれば、1.を…
.side_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
PADDING-BOTTOM: 5px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 5px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #87ceeb;
}

このように変えます。

3.
サイドバーのタイトル背景に画像をつかう場合は、1.を…
.side_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
PADDING-BOTTOM: 5px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 5px;
LETTER-SPACING: 1px;
background-image: url("サイドバータイトル背景画像のURL");
}

このように変えます。

4.
サイドバーのタイトルの文字色(灰色)と文字サイズ(少し大きく)を変える場合は、1.を…
.side_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;/*文字サイズ*/
PADDING-BOTTOM: 5px;
OVERFLOW: hidden;
COLOR: #808080;/*文字色*/
WORD-BREAK: break-all;
PADDING-TOP: 5px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}

このように変えます。
スポンサーサイト
[ 02/06 ] [サイドバー]3カラムpink | トラックバック(-) | コメント(-)

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