スポンサーサイト

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

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

Q.記事に固定背景画像をつけたい[2右]

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


1.
スタイルシートの174~179行目付近に
.entry {
width:550px;
border-top:#336699 1px solid;
border-right:#336699 1px solid;
border-bottom:#336699 1px solid;
}
というのがあります。

2.
記事内の左下に固定背景にする場合は、1.を…
.entry {
width:550px;
border-top:#336699 1px solid;
border-right:#336699 1px solid;
border-bottom:#336699 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/30 ] [記事]2カラムblue 右サイドバー | トラックバック(-) | コメント(-)

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