白背景ベースのwebテンプレート集 +IFD+

[スポンサード リンク]

白背景ベースのテンプレート NO.36〜NO.39

XHTML1.0+CSS zipファイル

茶と白ベース

ねこのイラストを使ってユニークで可愛いテンプレートです。

1カラムのサンプル  1カラムのダウンロード

2カラム左サイドメニューのサンプル
2カラム左サイドメニューのダウンロード

2カラム右サイドメニューのサンプル
2カラム右サイドメニューのダウンロード

3カラム両サイドメニューのサンプル
3カラム両サイドメニューのダウンロード

FLASHを使っています。猫を怒らせないようにご注意を(笑)縦幅固定で、スクロールバーを利用していますが、フレームタグなどは使用していません。

白背景ベースのテンプレート NO.35

XHTML1.0+CSS zipファイル

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

白と黒のモノトーンをベースに、少しだけ画像を入れてアクセントにしてあるシンプルなテンプレートです。コンテンツの幅は狭いので、あまり文字数の多いWEBサイトには向いていません。

サンプル  ダウンロード

白背景ベースのテンプレート NO34

XHTML1.0+CSS zipファイル

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

ひたすら星の画像を集めて、星の形を作ったユニークレイアウトのWEBテンプレートです。ひたすら単調な作業で作成は少々しんどかったです。メニュー部分が5つ、それにタイトル部分が加わって構成されています。

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

白背景ベースのテンプレート NO.33


XHTML1.0+CSS zipファイル

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

薔薇のような画像をしようしたゴスロリ風WEBテンプレートです。黒と白、それに濃い目の赤という個人的には良く使う配色で構成してあります。上部にレースのような画像と、左右に十字架の背景画像で装飾してあります。

サンプル  ダウンロード

白背景ベースのテンプレート NO.30〜NO.32

XHTML1.0+CSS zipファイル

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

ゴシック風で、少々ダークな雰囲気のあるWEBテンプレートです。暗すぎるのもあまり良くないと思ったので、飾りも兼ねて右上にハートのGIFアニメが付いています。


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

 

カラーバリエーションです。上の黒と白のものとは大分雰囲気が変わっています。ピンクはかなり女性向なWEBテンプレートになっています。

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

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

白背景ベースのテンプレート NO.29

XHTML1.0+CSS zipファイル

淡い雰囲気で成り立っているシンプルなwebテンプレートです。構成要素も、直線や円形など基本的な図形などを組み合わせて作っています。GIFアニメーションを使用していて、右上の画像が動きます。

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

白背景ベースのテンプレート NO.28

XHTML1.0+CSS zipファイル

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

全体的に淡色を使用して作成した、文房具デザインのテンプレートです。初期の状態ではルーズリーフの下線と文字位置が合うように入念に設定してありますが、どうしてもレイアウトが崩れやすいので使用には御気をつけください。

サンプル  ダウンロード

白背景ベースのテンプレート NO.27

XHTML1.0+CSS zipファイル

3カラム左・中央サイドコンテンツ、右サイドメニュー

シンプルで使いやすいwebテンプレートです。レイアウトはコンテンツ部分が2つ、そして一番上と右側がメニュー部分となっています。地球のような画像をしようしています。ITビジネス系にもどうぞ。

水色サンプル  水色ダウンロード

 

以下カラーバリエーションです。

灰色サンプル  灰色ダウンロード
黒サンプル  黒ダウンロード
紺色サンプル  紺色ダウンロード

白背景ベースのテンプレート NO.26

XHTML1.0+CSS zipファイル

モノトーン 1カラム

シンプルだけどユニークなテンプレートです。昔の広告から着想を得ています。縦幅固定で、文字数が範囲をオーバーした場合はスクロールバーが自動的に出てきます。メニュー用のスペースなどは設けていません。

サンプル  ダウンロード

白背景ベースのテンプレートNO.25

XHTML1.0+CSS zipファイル

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

濃い黒、灰色などをうまく組み合わせて仕上げてあるwebテンプレートです。こちらもマウスオーバーするメニューバーを実装しています。メニュータイトル部分などにも拘ったりしています。

サンプル  ダウンロード

白背景ベースのテンプレート NO.24

XHTML1.0+CSS zipファイル

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

ベーシックなレイアウトに、キレイなトップ画像を使用したテンプレートです。上のほうにメニューバーが付いていて、マウスオンでトップバナーの画像が表示されるようになっています。使用画像多め。

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

白背景ベースのテンプレート NO.23

XHTML1.0+CSS zipファイル

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

何か変わった雰囲気のユニークテンプレートです。上部に4つ要素の入るメニューバーと、タイトル部分、それに右下に文章量によってスクロールバーのつくコンテンツ部分から構成されています。

サンプル  ダウンロード

白背景ベースのテンプレート NO.22

XHTML1.0+CSS zipファイル

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

こちらもロールオーバーの機能を持たせたwebテンプレートです。メニュー部分にも画像を使用しています。シンプルで使いやすいと思います。ただ、デザイン的にちょっと完成度が低いかな・・

サンプル  ダウンロード

白背景ベースのテンプレート NO.21

XHTML1.0+CSS zipファイル

比較的淡色ベース 2カラム左サイドメニュー

基本的なレイアウトのwebテンプレートです。タイトル部分に透過的な画像、メニューバーにマウスオーバー機能を使っています。画像を並べて配置しやすいようにCSSで設定してあります。詳しくはテンプレート内に記述してあります。

サンプル  ダウンロード

白背景ベースのテンプレート NO.20

HTML4.01+CSS zipファイル

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

水のようなCGを大きく使って作成してあるwebテンプレートです。左上に光を受けているような雰囲気になっています。見出しのラインの色などもそれに合わせてあります。

サンプル  ダウンロード

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

白背景ベースのテンプレート NO.18

HTML4.01+CSS zipファイル

白とグレーベース 2カラム両サイドコンテンツ

左側はしろ背景ベース、右側はグレーがベースになっているモノトーンチックなテンプレートです。各要素の最後にあるリンクはwebサイトに合わせて文面を変更してお使いください。

サンプル  ダウンロード

白背景ベースのテンプレート NO.17

HTML4.01+CSS zipファイル

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

エアメールを参考に作ってみたwebテンプレートです。上の英語の画像とかは適当です。1カラムとなっています。見出しの部分は数を調整できます。

サンプル  ダウンロード

白背景ベースのテンプレート NO.16

HTML4.01+CSS zipファイル
白と緑ベース 2カラム左サイドメニュー
植物を上から被っているような雰囲気の爽やかなwebテンプレートです。横からも出てきているようにしてあります。全体的にはシンプルで、使いやすいと思います。

サンプル  ダウンロード

白背景ベースのテンプレート NO.15

HTML4.01+CSS zipファイル
白と青ベース 2カラム左サイドメニュー
インパクトの強い大きな画像を使用したテンプレートです。上部に丸いメニューバーが付いています。結構幻想的な作りです。

サンプル  ダウンロード

白背景ベースのテンプレート NO.14

HTML4.01+CSS zipファイル
青と白ベース 2カラム左サイドメニュー
シンプルな画像とすっきりとしていて、且つちょっとこだわっている使いやすいテンプレートです。青を基調としている点から、ビジネスとかでも使えそうです。カスタマイズもそれなりにいけると思います。

サンプル  ダウンロード

白背景ベースのテンプレート NO.13

HTML4.01+CSS zipファイル
白と赤ベース 2カラム左サイドメニュー
ギフトラッピングのように、赤いラインを効果的に使用した白背景メインのwebテンプレートです。シンプルな背景なので赤がよくアクセントになっています。

サンプル  ダウンロード

白背景ベースのテンプレート NO.12

HTML4.01+CSS zipファイル
青と白ベース 2カラム左サイドメニュー
以前のナンバーの、トランプをテーマに作成したテンプレートの2カラムバージョンです。オプションとして、右側にテキストを記入できるボードの部分を作成してあります。この部分は文字数に応じて自動的に縦に伸びます。

サンプル  ダウンロード

白背景ベースのテンプレート NO.11

HTML4.01+CSS zipファイル
青とグレーベース 2カラム左サイドメニュー
綺麗でクールな感じの画像を使ったテンプレートです。画像のスペースを大きく取って、インパクトを高めています。画像の下の部分にはメニュー項目を追加できるスペースを取ってあります。

サンプル  ダウンロード

白背景ベースのテンプレート NO.10

HTML4.01+CSS zipファイル
白と青ベース 3カラム両サイドメニュー
トランプの絵柄を使用したユニークなwebテンプレートです。クリアな感じがするように加工処理してあります。メニューの下部などにも絵柄の画像を置いてアクセントとしています。

サンプル  ダウンロード

白背景ベースのテンプレート NO.9

HTML4.01+CSS zipファイル
白と赤ベース 2カラム左サイドメニュー
白背景をベースに、赤と黒を使用したよくありがちな配色を使ったwebテンプレートです。上部にメニューバーが付いています。文字も見やすいし全体的にシンプルに仕上がっているので、商用サイトなどにも使えると思います。

サンプル  ダウンロード

白背景ベースのテンプレート NO8

HTML4.01+CSS zipファイル
白と赤ベース 3カラム両サイドメニュー
過去に作成した独特で幻想的な背景画像を使ったテンプレートの3カラムバージョンです。過去のものは2カラムで青い画像をアクセントとしていましたが、こちらは赤をアクセントとして構築してあります。

サンプル  ダウンロード

白背景ベースのテンプレート NO7

HTML4.01+CSS zipファイル
白ベース 3カラム両サイドメニュー
特に何もいじっていないベーシックな3カラムのテンプレートです。カスタマイズ用にwebテンプレートが欲しいけどレイアウトをベーシックな状態に戻すのが面倒な場合などに便利です。

サンプル  ダウンロード

白背景ベースのテンプレート NO6

HTML4.01+CSS zipファイル
青とグレーベース 2カラム右サイドメニュー
メタリックな光沢のある画像を使用したシンプルなテンプレートです。枠線の辺にも背景画像を使用してアクセントにしてあります。

サンプル  ダウンロード

白背景ベースのテンプレート NO5

HTML4.01+CSS zipファイル グレーベース
様々な画像をあわせて作ったトップバナー画像と、メニューから上部まで突き抜けているグレーの背景が印象的なシンプルな2カラムテンプレートです。

サンプル  ダウンロード

白背景ベースのテンプレート NO4

HTML4.01+CSS zipファイル 青と白ベース
幻想的な雰囲気を醸し出している右サイドメニューの2カラムテンプレートです。背景が印象的ですが、全体的な構成はシンプルにまとまっています。

サンプル  ダウンロード

白背景ベースのテンプレート NO3

HTML4.01+CSS lzhファイル 青と白ベース
白背景をベースに、メニューと等の部分に曲線とグラデーションを用いた青い部分が印象的なシンプルテンプレートです。使い勝手がいいと思います。

サンプル  ダウンロード

白背景ベースのテンプレート NO2

HTML4.01+CSS lzhファイル グレー基調
こちらも前作と同じようにベーシックなテンプレートです。トッブバナー部分にもメニューのカラムのカラーが及んでいる点が特徴的です。

サンプル ダウンロード

白背景ベースのテンプレート NO1

HTML4.01+CSS lzhファイル グレー基調
白背景をメインに、グレーでメニューの部分等を構成しているシンプルテンプレートです。カスタマイズを前提に使う場合などにお勧めです。

サンプル ダウンロード

白背景ベースのテンプレート テンプレートNO.19

HTML4.01+CSS zipファイル

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

過去に作成した1カラムのテンプレートを2カラムへと移植したwebテンプレートです。メニューのタイトル部分の見出しの数はwebサイトに合わせて調節できます。横幅が狭いので、写真のアップなどがメインのサイトには合わないと思います。

サンプル  ダウンロード

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