人気ブログランキング | 話題のタグを見る
ブログ編集記 ASP ・・・個人的メモ
<< 12.メニューにスクロールバー... | blog-top | 10.画像を動かす >>
11.全背景に小さな画像を重ねる
全体の背景に、ワンポイントでも画像を載せてみたいなぁ・・・
いろいろ調べたけど、二つの画像を重ねるのはできない・・なんて皆さんおっしゃる(**
画面をスクロールしても、ワンポイント画像は動かしたくないな・・・
でもねぇ~いろいろやってみても、画像をパソコン画面の一箇所に停めておけない(**
ページの右下や右上、中間などに入れることはできても、
スクロールすると一緒に動いちゃうんだよねぇ・・・
仕方なく、ワンポイント画像を、右側を縦に帯状に並べることで妥協!

全体の背景には手をつけないで、新たに画像を追加します。
1.HTML全体を「div」で囲みます。
  <div id="gazou2"> ・・・・・HTMLの最先頭に置く
   -----
   -----
  </div>   ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・HTMLの最末尾に置く

2.CSSに追加します。場所はどこでもいいのですが、末尾が分かりやすいでしょう。
  div#gazou2{background: url(http://pds.exblog.jp/pds/1/200609/27/29/12wkosuic1b.gif) repeat-y; background-position: 95% 100%;}

お好きな画像を「マイイメージアカウントにイメージ登録」で登録し、そのURLを使ってください。
repeat-y は縦方向に画像を反復、95% は右側よりちょっと内側に入れたかったから。


by yasousuki | 2006-09-29 09:48 | スキン編集


« blog-top ----- << 12.メニューにスクロールバー... 10.画像を動かす >>