Cafi Netつながる情報技術

レスポンシブ Web デザイン92~96

スマートフォン、タブレット、パソコンでの閲覧に対応した、レスポンシブ Web デザインの無料テンプレート 92~96 です。

お食事処(定食屋)のウェブサイト(ホームページ)をイメージしてデザインしました。

無料テンプレート 87~89 と共通の部分が多いですが、ブロックを左右に分割できるようにしたり、ドロップダウンメニューに対応するなどの変更を加えました。

無料テンプレートの利用規約はこちらです。

無料テンプレート92

Free Template 92 をダウンロード(zip)
サンプル(動作確認)はこちら

無料テンプレート93

Free Template 93 をダウンロード(zip)
サンプル(動作確認)はこちら

無料テンプレート94

Free Template 94 をダウンロード(zip)
サンプル(動作確認)はこちら

無料テンプレート95

Free Template 95 をダウンロード(zip)
サンプル(動作確認)はこちら

無料テンプレート96

Free Template 96 をダウンロード(zip)
サンプル(動作確認)はこちら

テンプレート内の写真は、当サイトのフリー写真素材です。そのままご利用頂いても構いませんし、他の写真に変更することもできます。

無料テンプレート 92~96 の編集について

編集方法は、過去のテンプレートと共通の部分が多いので、過去のテンプレートの解説を参考にしてください。(行数や数値は異なるケースがございます)

スライドショーや、ギャラリーとモーダルウィンドウに関する解説もございます。

編集用の画像は、BASE フォルダに梱包しました。

ブロックを左右に分割する方法

index.html のコードの通り、左側は <div class="content_left"> 内に配置してください。

右側は、<div class="content_right"> 内に配置してください。

画面幅 900px 以上では左右に分割されますが、画面幅 900px 未満では 1列になります。