概要

Template #001 は、web ページ用の XHTML および CSS のデザインテンプレートです。 元々ブログ用に作ったデザインに少々手を加えて作成しました。 青色を基調とし、右上に空の画像を配置。 そして背景を透過する半透明の画像を使うことで爽やかさを感じさせる仕上がりになったと思います。

将来的にはちゃんと配布できれば、と思いますが、とりあえずは自分用にまとめてみました。 公式的にはまだ配布していませんが、使いたい方はソースコードとかを見て使っていただいても構いません。

特徴

• 2 カラム配置 (右側がサブ)
• リキッドレイアウト (横幅可変)
• XHTML + CSS
• 透過画像 (PNG-24)

使用画像について

背景に使用している画像は Sky Ruins (ハヤさん) とこの素材を使用させて頂いております。 「固定背景 (空)」 の 「右上固定 04」 です。 背景画像の著作権はハヤさんに帰属します。

使用上の注意

• 本文内で CSS の "float: right;" を使用すると崩れる (可能性がある)
• IE6 は PNG-24 (透過画像) に対応していない
• 見出し 1 (h1 要素) の背景画像は縦方向に 400px のものを使っており、h1 要素がそれより大きいサイズになると崩れる

ライセンス

このテンプレートの著作権は nobuoka に帰属します。 ただし、背景画像の著作権は ハヤさん に帰属します。

このテンプレートを使用したり、また改変して使用しても構いません。 ただし、"Designed by vivid code" の部分は削除しないでください。 "Designed by vivid code" という表現が気に入らない場合、別の表現 (日本語にするとか) に変更しても構いませんが、少なくとも "vivid code" という文字とこのページへのリンクは表示するようにしてください。