スポンサーサイト

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

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

Q.記事タイトルの背景色や背景画像を使ってカワイクしたいんだけど、できる?[3]

A.
スタイルシートを書き換えるとできます。
以下、変更方法


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

というのがあります。

2.
背景色(黒など)を変える場合は、それを…
.entry_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
PADDING-BOTTOM: 3px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 3px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #000; /*背景色 */
}

と赤文字のところを書き換えます。
#000 は設定したいカラーコードを入れます。

3.
画像を背景に入れたい場合は、1 のBACKGROUND-COLOR: #f99 を削除し、
background-image: url("★記事背景画像URL★"); を入れます。

実際に書き換えると…
.entry_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
PADDING-BOTTOM: 3px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 3px;
LETTER-SPACING: 1px;
background-image: url("★記事背景画像URL★");
}

このようになります。
スポンサーサイト
[ 02/04 ] [記事]3カラムpink | トラックバック(-) | コメント(-)

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