紹介
・インラインフレームを上部のメニュー部分に採用。メニューを別ファイル化することで、ページ数が増えた後でもメニューの変更が容易になっています。
・今回新たに透過のPNG画像を採用。現在のIE6では完全サポートされていませんが、IE7ではサポートていますので作りました。また、透過がサポートされなくともデザイン面ではあまり問題ありません。
今すぐに透過の効果を見てみたい方は「Firefoxなどをダウンロードしてみてください。
・また、背景画像を変えるだけでデザインの雰囲気が一変しますので、試してみてください。(背景画像はスタイルシートで定義されています)
こちらでもいい背景が見つかったらまたアップします。
解説
このテンプレートはHTMLを十分に理解した人向けです。
そのため、詳しい書き換えの説明などはありません。

まず、HTMLファイル、CSSファイルの加工は自由です。
しかし、加工後の無断再配布や無断転載は禁止します。
また、画像ファイルに関しては加工も禁止です。

このテンプレートの基本のデザインは、ほとんどがCSSで定義されています。
そのため、CSSを不必要に加工すると、デザインが崩れる場合があります。そのため、CSSをよく理解した人しか加工はしないでください。
表示されるテキストや、画像などについては、HTMLからの書き換えで対応できます。
「Site Name」には「サイト名」を
「menu1」には「メニューの名前」など適宜修正してください

また、このテンプレートではブラウザによるCSSファイルの判別にJavaScriptを使用しました。

以上で簡単な解説とさせていただきます。
しかし、「HTMLしかわからない!」「書き換え方がわからない!」という方はBBSでお気軽にお申し付けください。メール等のやり取りで、対応させていただきます。


・ファイル構造

index.htm--------トップページHTMLファイル(書き換え可)
menu.htm--------メニューHTMLファイル(書き換え可)
index.css--------CSSファイル(書き換え可)
index-ie.css-----CSSファイル(IE用・書き換え可) ※CSSがわからない方は書き換えないでください。デザインが崩れます。
bg.png-----------背景画像ファイル1(編集・転載不可)
bg-index.jpg[png]-背景画像ファイル1(編集・転載不可)

以上です。分からないことがあれば、いつでもBBSにて質問ください。
Template written by TAKU.
URL:http://www.pat.hi-ho.ne.jp/m_tatsu/