スポンサーサイト

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

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

Q.記事に固定背景画像をつけたいんだけど…[2左]

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


1.
スタイルシートの234~240行目付近に
.entry {
margin-bottom:30px;
width:550px;
border-top: #FF9999 1px solid;
border-bottom: #FF9999 1px solid;
border-left: #FF9999 1px solid;
}

と、いうのがあります。

2.
記事内の左下に固定背景にする場合は、1.を…
.entry {
margin-bottom:30px;
width:550px;
border-top: #FF9999 1px solid;
border-bottom: #FF9999 1px solid;
border-left: #FF9999 1px solid;

background-color: #fff; /*背景色 */
background-image: url("★記事背景画像URL★");
background-repeat: no-repeat;
/*背景画像の並び方 */
background-position: 100% 100%; /*背景画像の表示位置 */
}
と、赤文字のところを書き加えます。

背景色 → 固定背景画像の背景色と同色するとBest!
        画像が透過処理されていても黒(#000)もしくは白(#fff)を入れたほうがいいでしょう。

背景画像の表示位置はいくつかあります。
   左上 → 100% 100%
   左下 → 0% 100%
   右上 → 0% 0%
   右下 → 100% 0%
   真ん中(中央) → 50% 50%
100%(0%)100(0)を変えることにより画像の位置が変動します。
スポンサーサイト
[ 05/16 ] [記事]2カラムpink 左サイドバー | トラックバック(-) | コメント(-)

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