文章を中央に置くレイアウト

　このレイアウトは、文字を重ねることができるような淡い「タイル」タイプの背景画像、もしくはごく細いイラストのある「横長」タイプの背景画像に適しています。

　このページで使用している画像は『Mixer』様の作品です。このサイトからはダウンロードせず、素材サイト様から直接、お借りください。

このレイアウトの使い方は、下記の通りです。

  1. ファイルを保存する。
    • IE；ファイル(F)→名前をつけて保存→WEBページ完全 または WEBページ単一のファイル
    • NN：ファイル→別名で保存→ソース
  2. 背景画像ファイルを指定する
    • 使いたい背景画像ファイルを、保存したhtmファイルと同じフォルダーに置いて、このファイルの上のほうにある
      background-image:url(tile1.jpg);
      の「tile1.jpg」の部分を、使いたいファイル名に書きかえます。
    • background-image:url(C:\Documents and Settings\…)
      という、自分のPC(ネット上のURLではない)内のファイルを指定してしまうのは、よくある間違いですので、気をつけましょう。
  3. ウインドウの大きさを変えてみる
    • 必ずチェックしてみてください。

レイアウトの使い方があちこちに入っているのは、表示文例がわりですので、ご容赦ください

外部Javascriptで文字エリア幅固定するのもお勧めです。(chkwnsize.js)
その場合は、下記の変更を行ってください。