スポンサーサイト

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

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

Q.ブログタイトル下のピンクの線の部分を背景画像にするにはどうしたらいいの?[3]

A.
ブログタイトル下のピンクとなるとブログ説明文のところになります。
スタイルシートを変更するとできます。
以下、変更方法


1.
スタイルシートの76~90行目付近に
.blog_description
{
MARGIN: 0px auto 0px 0px;
PADDING-LEFT: 20px;
padding-right:20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 7px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;

BACKGROUND-COLOR: #f99
}
と、いうのがあります。

2.
1.の赤文字の部分を下記のように書き換えるとへんこうできます。
background-image: url("背景画像URL");

3.
実際に変更すると
.blog_description
{
MARGIN: 0px auto 0px 0px;
PADDING-LEFT: 20px;
padding-right:20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 7px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;

background-image: url("背景画像URL");
}
このようになり、ピンクの部分が背景画像で敷き詰められます。

この場所に固定背景を使う場合はあまりないと思うので、固定背景をつかったVersionは省略します。
スポンサーサイト
[ 02/25 ] [画像(ヤプ画・ブログタイトル)]3カラムpink | トラックバック(-) | コメント(-)

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