ポップ、モダン、マルチカラーのHPテンプレート一覧  +IFD+

[スポンサード リンク]

モダンテンプレート

XHTML1.0+CSS zipファイル
赤とグレーベース 2カラム両サイドコンテンツ

落ち着いた雰囲気のカラーで構成してあるモダンなHPテンプレートです。こちらも縦幅固定になっています。スクロールバーが丁度いい場所に出現するように設定してあります。外側に行くほど暗くなり、奥行き間が感じられるHPテンプレートと言えます。

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


 
 

カラーバリエーションです。基本的な作りは赤のバージョンと変わっていません。合計五色での展開となっています。

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

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

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

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

モダンテンプレート

XHTML1.0+CSS zipファイル

モノトーン 1カラム

タイポグラフィをメインに持ってきたモダンテンプレート。独特なレイアウトになっています。左側にタイトル、右側にメインコンテンツという構成になっていて、右側のコンテンツは縦幅が固定でスクロールバーを利用しています。メニューのための要素は特別には設けていません。

サンプル  ダウンロード

モダンテンプレート

XHTML1.0+CSS zipファイル

白とグレーベース 2カラム左サイドメニュー

複数のカラーを使用してモダンな雰囲気を出しているHPテンプレートです。メニュータイトル部分にも無彩色のマルチカラーな画像がさり気に使われています。ベースは基本的なレイアウトを踏襲しているので、結構使いやすいと思います。白背景バージョンと黒背景バージョン両方あります。

サンプル  ダウンロード

サンプル  ダウンロード

モダンテンプレート

XHTML1.0+CSS zipファイル

白と赤と黒ベース 1カラム

モダンでユニークな雰囲気のHPテンプレートです。バーコードのようなデザインや、赤、白、黒の配色とかはよくありますがそれを組み合わせてみました。レイアウトも独特であまりビジターに文章を読ませる必要があるHPなどには不向きだと思います。上部にメニュー要素があります。

サンプル  ダウンロード

ホームページ素材の検索&サイト作成役立ちサイト

ポップ&マルチカラーなテンプレート

XHTML1.0+CSS zipファイル

マルチカラー ユニークレイアウト

ユニークレイアウトの、ポップなテンプレートです。ひたすらマルチカラーの星を敷き詰めて、星の形を作っています。結構骨の折れる作業でした。メニュー項目は星の各辺に一つずつ配置でき、他にタイトル要素を配置するスペースがあります。

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

黒背景のマルチカラーバージョンもあります。黄色い光を付け足したためクリスマスな雰囲気になっています。

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

ポップなテンプレート

XHTML1.0+CSS zipファイル

淡色ベース 一応2カラム左サイドメニュー

淡い雰囲気の配色と、付箋のマルチカラーが微妙にポップな雰囲気を出しているHPテンプレートです。付箋の部分がメニューになっていて、ルーズリーフの部分がメインコンテンツとなっています。画像などを使用すると文字位置とルーズリーフの下線の位置関係がずれます。ある程度妥協してお使いください。

サンプル  ダウンロード

モダンテンプレート

HTML4.01+CSS zipファイル

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

こちらは前作の2カラムバージョン。モダンな素材を使用している点や配色などに関しては前作と変わっていません。ボーダーの要素もカラーを合わせてあります。メインコンテンツの幅が狭いので写真などを飾るのに使いづらい点がちょっと難点。

サンプル  ダウンロード

モダンテンプレート

HTML4.01+CSS zipファイル

白と青と赤ベース 1カラム

エアメールを真似て作ったHPテンプレートです。筆記体の英語などがモダンな雰囲気を出しています。

サンプル  ダウンロード

マルチカラーテンプレート

HTML4.01+CSS zipファイル

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

マルチカラーな背景画像を使用したHPテンプレートです。サムネイルでは少しわかりづらいですが、背景は全てwelcomeという文字で構成されています。タイトル上部やメインコンテンツの上下には四角や丸などのマルチカラーの基本的な図形を用いてポップな雰囲気を出しています。

サンプル  ダウンロード

ホームページ素材集のIFDのトップページへ