3カラムの商用可能なHPテンプレート集 +IFD+

[スポンサード リンク]

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

XHTML1.0+CSS　zipファイル

モノトーンベース

1カラムのHPテンプレートで使っていたドクロとギターの画像をカスタマイズして3カラム化したものです。ロックな雰囲気が強く出ているテンプレートです。商用サイトでも使えるかな・・？サムネイル画像が2カラムのものと共有になっているためにサンプルサイトとサムネイル画像の雰囲気が違っていますがダウンロードファイルはサンプルHPと同じものです。タイトルを入力する部分が縦に小さいため、レイアウトが崩れやすい恐れがありますが、とりあえずIEやFirefoxの文字サイズの変更や拡大機能でも許容範囲に収まったことを確認しています。

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

3カラムテンプレートNO.24〜NO.27

XHTML1.0+CSS　zipファイル

暗色系ベース

天体観測風、時間の経過とともに何種類かの惑星やら隕石やらが流れてくるHPテンプレートです。まるで宇宙に浮かんでいるような感じですね。特に最後の茶系の隕石のような画像がかなりリアルに出来た気がします。

月のような惑星はもっと大胆に動かしたりしたかったのですが、画像が汚くなったりするので断念。もっとテクニックが上がれば出来るようになるのかもしれませんが。

前作と同じく2パターンずつの3カラムレイアウトを作成しました。

両サイドメニューのサンプル
　両サイドメニューのダウンロード

右サイドメニューのサンプル
　右サイドメニューのダウンロード

以下は、作成後日さらにFLASH部分をカスタマイズしまして、マウスオンで星がきらめくようにしたものです。ちょっとスムーズにいかなかった気がしますが大体綺麗に出来たので公開致します。FC2ブログのテンプレート素材に移植する予定です。

両サイドメニューのサンプル
　両サイドメニューのダウンロード

右サイドメニューのサンプル
　右サイドメニューのダウンロード

3カラムテンプレート NO.22〜NO.23

XHTML1.0+CSS　zipファイル

暗色系ベース

昔作成した惑星の画像を取っておいたので、それを利用して作成したHPテンプレートです。初めてFLASHを実装したHPテンプレートでもあります。上部のFLASH部分が時間の経過とともに光ったり、星があらわれたり消えていったりと、激しい動きは無いものの綺麗な感じが出ています。これもサムネイル画像が2カラムと共有なので2カラムの画像が表示されていますが、リンク先は3カラムの内容になっています。通常の3カラムレイアウトと右サイドにメニューがあるタイプの2パターンあります。HPによって使い分け御願いします。右サイドメニューのテンプレートも商用サイトなどでは使いやすい場合があります。

両サイドメニューのサンプル
　両サイドメニューのダウンロード

右サイドメニューのサンプル
　右サイドメニューのダウンロード

3カラムテンプレートNO.20〜NO.21

XHTML1.0+CSS　zipファイル

黒と赤ベース

黒と赤を使用した配色はかっこいいと思っていたのですが、何故かそういったHPテンプレートをあまり作っていなかったので作成したものです。クールに奥行き感のある画像と配色が相まってロック風な雰囲気を出しています。上部にメニューバーがあり、マウスオーバーの機能が付いています。クリアで半透明の感じが綺麗に表現できたと思います。画像が2カラムのものと共有のため2カラムのサムネイルとなっていますがサンプルやダウンロードリンク先は3カラムのHPテンプレートとなっています。

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

こちらは赤色のものを青色に作り変えたものです。マウスオーバーの機能などはそのまま付いています。意外と音楽関係の商用サイトなどでも使えそうな気もします。カラー以外は赤のバージョンと同じなのでサンプルは省略させていただきます。

3カラムのダウンロード

3カラムテンプレート NO.16〜NO.19

XHTML1.0+CSS　zipファイル

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

商用のIT系などで使えそうな、地球のような球体の画像を使ったHPテンプレートです。左二つの部分がコンテンツ、右にメニューという構成になっています。上部にもメニューバーが付いています。シンプルで、これは結構カスタマイズに向いていると思います。勿論そのまま使っても結構違和感ありません。右側のメニュー部分はちょっと遊びを加えて、上の欄外にはみ出しています。バグやレイアウトミスではありません。笑

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

　

カラーバリエーションです。IT系などの商用サイトでの使用を考えて、全体的に落ち着いた雰囲気の、淡色や黒、それに紺などを使用しています。ビジネスカラー、って感じですね。

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

3カラムテンプレート NO.14

XHTML1.0+CSS　zipファイル

黒と寒色ベース

黒と寒色を使用して構成した、オーロラのような綺麗な3カラムのHPテンプレートです。商用サイトなどでよくある、上部にマウスオーバーで画像が変化するメニューバーを実装しています。結構気に入っている作品でもあります。他のページでは3カラムのほかに2カラムなどもありますので興味がある方は利用してみてください。番号順だと52番くらいだったと思います。

サンプル

ダウンロード

こちらは白背景バージョンです。レイアウトは変わりません。文字が見やすいのでこちらの方が商用サイトなどには向いていると思います。見出しの部分はHTMLタグで増やしたり減らしたりすることができます。

サンプル　ダウンロード