ロック調のホームページテンプレート集 +IFD+

[スポンサード リンク]

ロックテンプレート NO.16〜NO.17

XHTML1.0+CSS zipファイル

モノトーンベース 2カラム

前作カスタマイズ版。ドクロの画像までモノトーンにしました。こちらもギターの部分をタイトルバナーのように使用しています。サムネイル画像は2カラムのもので、3カラムはまた微妙に雰囲気が変わっています。個人的には2カラムのほうが完成度が高く製作できたと思います。横の十字架はコンテンツ量に応じて自動的に繰り返してくれます。

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

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

カスタマイズ抜きでも結構かっこよくできたと思います。サムネイルだと左目が光っているような感じがしますが、実際にはハートの画像を使用しています。前作では少し輪郭がギザギザだったので、今回はそうならないように注意して作成しました。

ロック調のテンプレート NO4〜5

XHTML1.0+CSS zipファイル

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

かっこよくクールな雰囲気のホームページテンプレートです。メタリックな雰囲気の画像や、明暗を使い分けた部分などでアクセントを利かせています。上部のメニューバーはマウスを乗せると画像が変わる仕組みになっています。

サンプル  ダウンロード

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

サンプル  ダウンロード

ロック調テンプレート素材 NO.1

HTML4.01+CSS zipファイル
青とグレーベース 2カラム左サイドメニュー
クールな雰囲気で、抽象的な感じの素材を使用して作成してあるテンプレートです。激しいイメージのロックではありません。爽やかな感じです。

サンプル  ダウンロード

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

ロック風テンプレート NO.6〜NO.13

XHTML1.0+CSS zipファイル

黒と赤ベース

黒と赤をベースにして構築してあるロック調のホームページテンプレートです。なんかロックTシャツなんかで使われそうな雰囲気のタイポグラフィを使用してあります。奥行きが感じられるテンプレートです。結構この配色は主張が強いですがかっこよくていいと思います。上部にはマウスオーバーで画像が変わる透過風なメニューバーがついています。

2カラム両サイドコンテンツのサンプル
2カラム両サイドコンテンツのダウンロード

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

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

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

色を変更したバージョンです。こちらも赤バージョンのロックテンプレートと同じように様々なレイアウトが作ってあります。ホームページに合わせて使いやすそうなものをダウンロードしてお使いください。赤バージョンとレイアウトは変わらないのでサンプルの数は減らしてあります。

2カラム両サイドコンテンツのサンプル

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

ロック風のテンプレート NO.14〜NO.15

XHTML1.0+CSS zipファイル

モノトーンベース 1カラム

1カラムの、ギターをくわえた髑髏の画像を使用したモノトーンのホームページテンプレートです。右目の部分にはGIFアニメーションによる時間の経過とともに色が変わるハートの画像を使用してあります。縦幅は固定になっていて、スクロールバーを利用して表示しています。以下のリンクは、両方とも1カラムですが、髑髏の画像が左に来るか右に来るかの点が異なっています。

1カラム右サイドコンテンツのサンプル
1カラム右サイドコンテンツのダウンロード

1カラム左サイドコンテンツのサンプル
1カラム左サイドコンテンツのダウンロード

タイトル部分が2行になると微妙にレイアウトが変わる場合があるので気をつけてください。なお、ハートの画像はDLファイルに含まれているGIFのハートの画像を削除して利用すれば

画像を上に持ってきて、タイトルバナーとして使ってしまったバージョンです。結構不気味です。

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

ロックテンプレート NO.3

HTML4.01+CSS zipファイル
青とグレーベース 2カラム左サイドメニュー
前作の3カラムのレイアウトを2カラムに作り直したものです。基本的に3カラムのものと画像や上部のコンテンツぶぶんなどは変わっていません。知識がある方は上部のコンテンツを外して使ってもいいと思います。

サンプル  ダウンロード

ロック調テンプレート NO.2

HTML4.01+CSS zipファイル
赤と黒ベース 3カラム両サイドメニュー
赤と黒をベースに製作した、攻撃的な雰囲気のテンプレート素材です。こちらは3カラムとなっています。テンプレート上部には左右に分かれるコンテンツ部分があり、コンテンツの概略などを記載しておいて、詳しい内容に関してはリンク先に記入するという使い方を想定して作成したものです。英語圏のサイトでよくこの方法が使われていたので同様に採用してみました。

サンプル  ダウンロード

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