2カラムの無料テンプレート素材 その2 +IFD+

[スポンサード リンク]

2カラムテンプレートNO.49〜50

XHTML1.0+CSS zipファイル

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

白とグレーを基調に、明度を変えたりして分割されているような雰囲気を出したり、赤や青などを使用してアクセントにしたりして作成したホームページです。メニュータイトルにはメタリックな背景素材をしようしてクールな雰囲気を強調しています。上部のメニューバーはマウスオーバーで変化します。

サンプル  ダウンロード

上のものを黒背景用に作り変えたものです。こちらもクールな雰囲気に仕上がっています。基本的な構成はしろ背景のものと同じです。

サンプル  素材のダウンロード

2カラム無料テンプレートNO.45〜48

XHTML1.0+CSS zipファイル

黒と寒色ベース

オーロラのようなCG画像を使用して作った無料テンプレートです。綺麗な感じでもあるし、幻想的な雰囲気もします。サムネイル画像が3カラムと共有しているために3カラムのものとなっていますがここに設置してあるものは2カラムです。上部のメニューバーはマウスオンで綺麗に画像が変わってくれます。実は結構気に入っているテンプレート素材です。両サイドコンテンツのものは1カラムとしても使用可能です。FC2ブログに移植してあります。

両サイドコンテンツサンプル
左サイドメニューサンプル
両サイドコンテンツ ダウンロード
左サイドメニュー ダウンロード

下のものは同じような雰囲気のCG素材を使用した白ベースバージョンです。サンプルページとサムネイルが3カラムのものになっていますが、ダウンロードは2カラムのものとなっています。サンプルページは雰囲気を確認するだけに御利用ください。黒背景の方がちょっとクールでかっこいいかなと思いますが文字が見えやすいなど利点もあります。

サンプル
両サイドコンテンツダウンロード
左サイドメニューダウンロード

2カラム無料テンプレート NO.36〜44

 

XHTML1.0+CSS zipファイル

暗色ベース 両サイドコンテンツ

グラデーションを効果的に使用してそれをベースとし、他にも様々なところで機能を追加している多機能テンプレートです。スタイルシートを編集せずとも、HTMLのみを編集することによりカラムとして使うことができますし、1カラムとしても使用できます。また、1カラムと2カラムを混ぜて使うことも出来ます。上部は固定幅で、左側に画像、右側にテキストを配置することができます。右側の部分は文章量が多いときはスクロールバーが自動的にでるようにスタイルシートでせっていしてあります。また、上部のメニューはマウスオーバーで画像が変わるようになっています。様々なカラーで展開しています。

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

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

ここから下は淡色系でまとめたものです。暗色系からレイアウトや画像などを移植しているので多少完成度は暗色系のものと比べると劣るような気がしますが、淡色のほうが好きな方もいると思ったので作成しました。

 

 

青サンプル 赤サンプル

茶サンプル 緑サンプル

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

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

2カラムテンプレート NO.0031〜NO.0035

 

 

XHTML1.0+CSS zipファイル

左サイドメニュー
3カラムのように使えますが2カラムとしても使えるので2カラムのカテゴリにも掲載させていただきます。スタイルシートを変更せずにHTMLファイルを編集するだけで2カラムのみのレイアウトにしたり、3カラムのレイアウトにしたり、または2カラムと3カラムを混合させたデザインにすることができます。サンプルにあるように、上のほうは3カラム、下のほうは2カラムといった感じです。メニューも以前からの無料テンプレートと比べると少々独特なつくりになっています。様々な色で展開しています。

青サンプル 赤サンプル 黒サンプル
緑サンプル 水色サンプル

青ダウンロード 赤ダウンロード
黒ダウンロード 緑ダウンロード
水色ダウンロード

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

2カラムテンプレート NO.30

XHTML1.0+CSS zipファイル

寒色と黒ベース 左サイドメニュー

グラデーションなどを使用して作成したテンプレートです。枠線などの完成度が低く感じます。上部メニュ部分はマウスが乗ると画像が変わります。もうちょっと白を控えめに使えば良かったのだろうか・・。

サンプル  ダウンロード

2カラム無料テンプレート NO.29

XHTML1.0+CSS zipファイル

青とグレーベース 左サイドメニュー

青空のような画像を使用した淡い雰囲気の2カラムです。こちらも前作同様上部のメニューがロールオーバーするように作ってあります。ただ、あまりデザインがよく仕上がらなかったかも。ちょっと微妙です。

サンプル  ダウンロード

2カラムテンプレート NO.28

XHTML1.0+CSS zipファイル

比較的淡色ベース 左サイドメニュー

花と植物の画像を使い、上部にロールオーバー機能付きのメニューを設置したものです。マウスを乗せると黒から青へとカラーが変わります。その他透過などの技術を使用しています。上部メニュー画像のロールオーバーは実装したのはこの無料テンプレートが確か初めてだったのであまり完成度は高くないかもしれません。

サンプル  素材のダウンロード

2カラムテンプレート NO.27

XHTML1.0+CSS zipファイル

黒とグレーベース 左サイドメニュー

ダークな雰囲気の透過デザインの2カラムです。他のテンプレートと同じように画像を使用する必要が無い場合は画像スペースは取り外してください。Read more...なども同じです。逆に増やしたい場合はコピーペーストしてください。

サンプル  ダウンロード

2カラム無料テンプレート NO.26

XHTML1.0+CSS zipファイル

青と白ベース 左サイドメニュー

前作と同じように透過を利用したデザインです。水のような背景を使っています。多少圧縮しすぎて画像が汚くなっているみたいです。透過PNGをIE6を気にせずに使えればもっと透過デザインの幅が広がるのですが・・。

サンプル  素材のダウンロード

2カラムテンプレートNO.25

XHTML1.0+CSS zipファイル

淡色ベース 左サイドメニュー

とある風景の写真を背景に使用し、透過させて文章を見やすくさせたものです。このテンプレート素材からhtml4.01からxhtmlへ移行しているので、html4.01を使用したいとお考えの方は気をつけてください。逆に、xhtmlを使用したいとお考えの方はこれ以降の無料テンプレートを使用してください。

サンプル  ダウンロード

2カラム無料テンプレート NO.24

HTML4.01+CSS zipファイル

黒と寒色ベース 左サイドメニュー

夜空のような画像のテンプレート素材です。幻想的で、綺麗な雰囲気なので男性、女性問わずお使いいただけると思います。画像スペースは要らなければ削除してお使いください。あくまで使い方のサンプルです。FC2ブログ移植済み。このページを作成している時点で約900くらいのダウンロードです。使っていただいている方に感謝いたします。

サンプル  ダウンロード

2カラムテンプレート NO.23

HTML4.01+CSS zipファイル

青と白ベース 左サイドメニュー

水をイメージして作成した画像を使用したテンプレート素材です。左上から光が差し込んできているような感じを表現しています。全体的に爽やかな雰囲気に仕上がっています。夏の期間中に使用するのもおすすめです。フッターにも飾りとして画像を使用してあります。Fc2ブログ移植済み無料テンプレートです。

サンプル  素材のダウンロード

2カラム無料テンプレート NO.22

HTML4.01+CSS zipファイル

暗色系ベース 左サイドメニュー

暗色系に惑星or月のような画像を使った無料テンプレートです。幻想的でもあるし、クールでもある素材です。紫も結構魅力的ですね。FC2に移植し、現在この更新作業の時点で1000回のダウンロードを超えています。多くの方に御利用いただけて非常に嬉しく思います。男性の方でも女性の方でも性別を問わずに使うことが出来ると思います。

サンプル  ダウンロード

2カラム無料テンプレート NO.0021

HTML4.01+CSS zipファイル

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

過去に1カラムで作った、エアメール風のテンプレートを2カラムに作り直したものです。使われている画像などは同じで、左にメニューが追加されています。1カラムで使った画像をそのまま使用しているので横幅が狭く、あまり大きな写真などを載せるにはてきしていません。メニュータイトル部分やコンテンツの見出しの部分のラインもエアメール風なカラーを使用しいます。

サンプル  素材のダウンロード

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