スポンサーサイト

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

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

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

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


1.
スタイルシートの301~311行目付近に
.side_title {
margin-right:0px;
padding:5px 0px 10px 5px;
overflow:hidden;
color:#FFFFFF;
word-break:break-all;
font-weight:bold;
font-size:10px;
letter-spacing:1px;
background-color:#336699;
}
というのがあります。

2.
背景色を緑に変えるのであれば、1.を…
.side_title {
margin-right:0px;
padding:5px 0px 10px 5px;
overflow:hidden;
color:#FFFFFF;
word-break:break-all;
font-weight:bold;
font-size:10px;
letter-spacing:1px;
background-color:#336699;
background: #00ff00;
}

このように赤文字のところを書き加えます。

3.
サイドバーのタイトル背景に画像をつかいたい場合は、1.を…
.side_title {
margin-right:0px;
padding:5px 0px 10px 5px;
overflow:hidden;
color:#FFFFFF;
word-break:break-all;
font-weight:bold;
font-size:10px;
letter-spacing:1px;
background-color:#336699;
background-image: url("画像URL");
}

このように赤文字のところを書き加えます。

4.
サイドバーのタイトルの文字色(灰色)と文字サイズ(少し大きく)を変える場合は、1.を…
.side_title {
margin-right:0px;
padding:5px 0px 10px 5px;
overflow:hidden;
color: #808080;
/*文字色*/
word-break:break-all;
font-weight:bold;
font-size: 12px;
/*文字サイズ*/
letter-spacing:1px;
background-color:#336699;
}

このように赤文字のところを変更します。(/* ~ */は説明部分なので省略してください)

背景色・文字色カラーコードを見て、好みの色に変更してください。
スポンサーサイト
[ 05/29 ] [サイドバー]2カラムblue 右サイドバー | トラックバック(-) | コメント(-)

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