スポンサーサイト

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

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

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

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


1.
スタイルシートの99~107行目付近に
.entry
{
BORDER-RIGHT: #f99 1px solid;
BORDER-TOP: #f99 1px solid;
MARGIN: 10px;
BORDER-LEFT: #f99 1px solid;
BORDER-BOTTOM: #f99 1px solid;
width: 380px;
}

というのがあります。

2.
記事内の左下に固定背景にする場合は、それを…
.entry
{
BORDER-RIGHT: #f99 1px solid;
BORDER-TOP: #f99 1px solid;
MARGIN: 10px;
BORDER-LEFT: #f99 1px solid;
BORDER-BOTTOM: #f99 1px solid;
width: 380px;
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%
〇〇%の〇を変えることにより画像の位置が変動します。
スポンサーサイト
[ 02/04 ] [記事]3カラムpink | トラックバック(-) | コメント(-)

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