HPテンプレート　NO.0093〜 +IFD+

テンプレートNO.0104〜NO.0105

XHTML1.0+CSS　zipファイル

青と黒ベース ユニークレイアウト

暑い夏の日に作成した清涼感のあるHPテンプレートです。

青サンプル 　青ダウンロード

こちらは春らしい配色の、緑を中心に構成されたHPテンプレートです。

緑サンプル 　緑ダウンロード

タイトルの他に3つのメニューから構成されるトップページ向けHPテンプレートです。実は下の星のテンプレートをベースに作成してあります。

htmlのdiv要素などの順番を変えたりすると高さなどが変わってしまいますのでご注意ください。文字数が増えて複数にまたがった場合も一応ある程度までは対応できるようです。

編集していて思いましたが、HTMLファイルよりもCSSのほうが長いような感じですね。。。もしCSSを編集しないのであればすぐにHPを構築できるようなHPテンプレートです。

HPテンプレートNO.0096〜NO.0098

XHTML1.0+CSS　zipファイル

黒と白ベース 2カラム右サイドメニュー

ゴシック風HPテンプレートです。かっこよく仕上げる予定でしたが、ちょっと不気味な雰囲気になってきたので中和しようと右上にハートをアクセントとして加えてあります。ハートが要らない方はGIFファイルを削除してください。

黒サンプル 　黒ダウンロード

　

ピンクバージョンと背景に黒、画像に赤を使ったバージョンです。ピンクは上の黒版とは全然雰囲気が変わって、大人っぽい雰囲気の女性向きなHPテンプレートになっています。ここまで雰囲気が変わるとは・・色の選択も大事ですね・・。上の2つのHPテンプレートにハートは付いていません。

ピンクサンプル 　ピンクダウンロード

黒と赤サンプル 　黒と赤ダウンロード

色々と完成度に不満が残ったので後々似たような雰囲気のHPテンプレートに再チャレンジするかもしれません。

こういった柄のHP素材を作る場合イラストレーターを使用するのが王道だと思いますがどうもイラストレーターだときれいに作れないのでペイントソフトでちまちまと描いています。イラストレーターで人物とかのイラストが描ける方の技術には敬服します。

HPテンプレートNO.0093〜NO.0095

XHTML1.0+CSS　zipファイル

青ベース 2カラム左サイドメニュー

シンプルにライン等を使って作成したHPテンプレートです。IT的というか、エレクトロニクスというか、そんな雰囲気です。GIFアニメーションで遊びが加えてあります。背景のCSSが多少複雑になっています。。。

青サンプル 　青ダウンロード

　

こちらは黒と白のバージョンです。青バージョンとは多少 レイアウトや画像が違っています。個人的には白いバージョンが結構好きです。それぞれアニメーションが微妙に違います。アニメーションが重く感じる場合はアニメーションを構成しているGIFファイルを消去するとうまくいくと思います。黒と白バージョンのアニメーションはGIFアニメのファイルを削除しても止まった状態の画像が表示されます。

黒サンプル 　黒ダウンロード

白サンプル 　白ダウンロード