ABOUT

About this template

1ページ式テンプレート。xhtml1.0 strictで作成。

download
このテンプレートをダウンロード(zip)
stylesheet
style.css
style1.css
style2.css
readme
readme.txt

※ダウンロードファイルのindex.htmlには上記の about this...の記述はありません

Support

ページ内にリンクする場合

各ブロックにはそれぞれidが付いています。デフォルトでは id="section1"...です
これを参考に、ページ内にリンクを貼る場合は、各ブロックにidを付けて、
<a href="#section1">リンク</a> のような感じで貼ってください。
なお、id名は頭文字が小文字で始まるアルファベットなら自由に付けることができます。

背景色を変える場合

デフォルトは"typeA"の灰色と"typeB"の黒になっています。
これを変更する場合は、style1.cssの、

.typeA{ background:#dcdcdc;}

この部分を変更すれば大丈夫です。.typeC...と増やせば全ブロック違う色にもできます。
背景色を変更する場合はh2,h3,h4要素とテキストの文字色も変更することをお奨めします。


WORKS

List Sample

リストを使って横に並べる

  • sample
  • sample
  • sample
  • sample
  • sample
  • sample
  • sample
  • sample
  • 文字で並べる
  • 文字で並べる
  • 文字で並べる
  • 文字で並べる
  • 文字で並べる
  • 文字で並べる

説明付きリストで画像を並べる1

sample
画像の説明
sample
画像の説明
sample
画像の説明
sample
画像の説明
sample
画像の説明
sample
画像の説明

説明付きリストで画像を並べる2

sample
画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。
sample
画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。画像の説明。

LINKS

Link Sample

テキストリンクのサンプル

バナーリンクのサンプル

  • バナー200*40
  • バナー200*40
  • バナー200*40
  • バナー88*31
  • バナー88*31
  • バナー88*31
  • バナー88*31
  • バナー32*32
  • バナー32*32
  • バナー32*32
  • バナー32*32
  • バナー32*32
  • バナー32*32

説明付きバナーリンク

バナー200*40
サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。
バナー88*31
サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。
バナー32*32
サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。サイトの説明。

CONTACT

Form Sample

Other Sample

主に使いそうなタグ要素

<em>強調する</em>  <strong>さらに強調</strong>
<ins>追加</ins>  <del>削除</del>

<q>短い引用</q>  <cite>出典・参照元</cite>