無料テンプレート素材集 XHTML+CSS(2カラムメイン) NO.0043〜 +IFD+

[スポンサード リンク]

無料テンプレート NO.0063

XHTML1.0+CSS zipファイル

青と白ベース 1カラム

深海のような画像を使った淡い雰囲気のテンプレート素材です。タイトルバナー などを作成しなくてもデザインとして十分成り立つので楽な点が少々魅力的です。テキスト量が少ない時はスクロールバーが消えます。

サンプル  ダウンロード

無料 テンプレートNO.0058〜0059

XHTML1.0+CSS zipファイル

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

白とグレーベースに、赤や青などを使用してアクセントを加えてあります。メニュー部分の小見出しにはメタリックな画像を使用してあります。

サンプル  ダウンロード

黒背景バージョンも作りました。白背景の方がメインなのですが黒バージョンのほうがしっくり来るような気がします:(

サンプル  ダウンロード

無料テンプレートNO.0052〜54

XHTML1.0+CSS zipファイル

黒と寒色ベース 2カラム両サイドコンテンツ
2カラム左サイドメニュー 3カラム

デスクトップの背景画像のような綺麗なCG素材を使って作成した無料のホームページテンプレートです。上部のメニュー部分はマウスオーバーで変化します。時間がかかりましたが作るのが楽しかったテンプレート素材です。いくつかのレイアウトパターンを作成しました。

2カラム両サイドコンテンツサンプル
2カラム左サイドメニューサンプル
3カラムサンプル

2カラム両サイドコンテンツ ダウンロード
2カラム左サイドメニュー ダウンロード

3カラム ダウンロード

以下同じような画像を使った白背景バージョン。作成してみましたが黒背景バージョンの方が映えますね・・。

レイアウトは黒バージョンと同じなのでサンプルは1つだけに留めておきます。

サンプル
2カラム両サイドコンテンツダウンロード
2カラム左サイドメニューダウンロード
3カラムダウンロード

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

テンプレートNO.0062

XHTML1.0+CSS zipファイル

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

NO.0061同様過去の広告デザインからの着想。 シンプルでユニークなレイアウトの無料ホームページテンプレートです。ユニークな分だけ少々癖が強いともいえます。一応音声ブラウザを意識してHTMLコードはタイトル→本文→メニューの順で記述してみました。

サンプル  ダウンロード

無料テンプレート NO.0060

XHTML1.0+CSS zipファイル

寒色と黒ベース 2カラム左サイドメニュー

ついに60作目ですね。グラデーションを利用した画像を使用した無料テンプレートです。トップバナー部分までは良かったもののメニュー部分や枠線が少々微妙。。。

サンプル  ダウンロード

無料テンプレート NO.0044〜51

 

XHTML1.0+CSS zipファイル

暗色ベース 2カラム両サイドコンテンツ
1カラムコンテンツ

暗色をベースにグラデーションを使用して作成したホームページテンプレート素材です。青、赤、黒、紫の4色。上のメニューはマウスオーバーで変化します。メニュー数は最大4つまでです。

サンプル画像の隣のスクロール付きの部分はフレームではなくCSSのみで実装しています。一つのHTMLファイルを編集するだけで管理することができます。また、文章が少ないときは自動的にスクロールバーが無くなるのですっきりします。

コンテンツ部分は1カラムとしても2カラムとしても利用可です。その両方を組み合わせることもできます。1カラムにするか2カラムにするかはHTMLファイルからだけで 編集できます。

青サンプル 赤サンプル 黒サンプル
紫サンプル

青ダウンロード 赤ダウンロード
黒ダウンロード 紫ダウンロード

以下ダークトーンのものをペールトーンに変更したテンプレート素材です。使い方はダークトーンのテンプレート素材と同じです。青・赤・茶・緑の4色展開。

 

 

青サンプル 赤サンプル

茶サンプル 緑サンプル

青ダウンロード 赤ダウンロード

茶ダウンロード 緑ダウンロード

テンプレートNO.0061

XHTML1.0+CSS zipファイル

モノトーン 1カラム

1950年代前後の広告デザインから着想を得て作成。今までのテンプレート素材とは一変したデザインになっています。相当シンプルなので好き嫌いが分かれるかもしれません。トップページやエンターページ向け。

サンプル  ダウンロード

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