ヤプログ・背景画像を一列に並べる&固定する 長靴猫...★ 旧オロルンのヤプログ講座





↓--------

スポンサーサイト

 スポンサー広告



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


↓2005-09-23

ヤプログ・背景画像を一列に並べる&固定する

 ヤプログ講座



背景画像を一列に並べたり、一箇所に固定します。

「background:url(?);で背景画像がつく」ということはもう学びましたか??
まだの方は↓コチラを先に読んでくださいね~

★記事に背景をつける
★全体に背景をつける
★記事・サイドバーなどを囲む部分に背景をつける(工事中)

スタイルシートをいじります
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
background:url(?);のタグをちょっと変えるだけで、固定したり、一列に並べることができます

★一列に並べる

☆上に並べる
background:url(?);
  ↓
background:url(?) repeat-x top;

☆下に並べる
background:url(?);
  ↓
background:url(?) repeat-x bottom;

☆右に並べる
background:url(?);
  ↓
background:url(?) repeat-y right;

☆左に並べる
background:url(?);
  ↓
background:url(?) repeat-y left;

★一箇所に固定する

☆右上に固定
background:url(?);
  ↓
background:url(?) no-repeat top right;

☆左上に固定
background:url(?);
  ↓
background:url(?) no-repeat top left;

☆右下に固定
background:url(?);
  ↓
background:url(?) no-repeat bottom right;

☆左下に固定
background:url(?);
  ↓
background:url(?) no-repeat bottom left;

☆中央に固定
background:url(?);
  ↓
background:url(?) no-repeat 50% 50% fixed;


スクロールしても固定されているバージョン

★一列に並べる

☆上に並べる
background:url(?);
  ↓
background:url(?) repeat-x top fixed;

☆下に並べる
background:url(?);
  ↓
background:url(?) repeat-x bottom fixed;

☆右に並べる
background:url(?);
  ↓
background:url(?) repeat-y right fixed;

☆左に並べる
background:url(?);
  ↓
background:url(?) repeat-y left fixed;




講座の目次


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