SITE NAME

Index Sample

About this Template

写真素材は hemitonium.様からお借りしたものを加工しています。
このまま使用される場合は、配布元サイト様の利用規約もご確認ください。
画像を変更される場合は著作権表示の変更または削除を忘れないようにして下さい。

Memo

1ページ式の擬似フレームです。作ってて思ったのですが、これは結構便利かも（笑）

テキスト部分に背景画像を使っているので、テキスト内に画像が使われる場合などは文字と背景画像の位置がズレることがあります。詳しい事はSampleに書いていますので、お好きな方を選んで使って下さい。アイフレームで使いたい場合は <div id="contents">～</div> の間にフレームタグを入れて下さい。

Download and History

背景素材などの画像は全てimgフォルダに入れています。
もし「Thumbs.db」というファイルが入っていた場合は、不要なファイルですので削除して下さい。

2007/02/28　配布開始
2007/04/13　綴りのミスを修正

ナビとリンクについて

このテンプレートでは両方非表示にしていますが、本来ならば各コンテンツの下にはサイトトップへのリンク・もしくは各コンテンツへのナビがあります。
CSSの「 /* ナビ */ 」という箇所で設定しているので、必要に応じてカスタマイズして下さい（CSSにも書いてあります）

About
Sample
Menu
Contact
index

Top ▲

About Sample

About this site

ここはこんな内容のサイトです。みたいな感じで。
サイトの説明とかつらつらと書いたり、書かなかったり。

About Master

NAME //　Your Name
BIRTHDAY //　xxxx.xx.xx
PROFILE //　プロフィールとか、なんとか。

About link

SITE NAME //　Your Site Name
URL //　http://yoursite.address/

About
Sample
Menu
Contact
index

Top ▲

Tag＆Box sample (h2)

見出し (h3)

HPを作る時によく使うタグのサンプル。
強調 (em)　　さらに強調 (strong)　　追加 (ins)　　~~削除 (del)~~

text sample (h4)

リンクはこんな感じになります。
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
ABCDEFGHIJKLMNOPQRSTUVWXYZ　abcdefghijklmnopqrstuvwxyz　0123456789

Box

テキストボックス(div class="text")の代わりに使うこともできる装飾用のBoxです。文書内だけでなく目立たせたい場合などにお使い下さい。

*** ここではbox1を表示していません。この下のBoxサンプルでご確認下さい。

box2です。

box3は文章が長くなるとスクロールバーが出ます。

こんな感じですね。

Box１サンプル

メインはそのままでテキストの代わりにbox1を使っています。
ドット線がないだけで他は『 div class="text" 』と同じになっています。部分的に使い分けたい場合は『 div class="text" 』を『 div class="box1" 』に変えてお使い下さい。

全てのページで背景画像を消したい場合はCSSの『 div class="text" 』の所を以下のように書き換えてお使い下さい。（一応スタイルシートにも書いてあります）

.text{
margin: 20px 10px 30px;
padding: 0px 15px;
line-height: 170%;
background: #ffffff;
}