レスポンシブ Web デザイン92~96
スマートフォン、タブレット、パソコンでの閲覧に対応した、レスポンシブ Web デザインの無料テンプレート 92~96 です。
お食事処(定食屋)のウェブサイト(ホームページ)をイメージしてデザインしました。
無料テンプレート 87~89 と共通の部分が多いですが、ブロックを左右に分割できるようにしたり、ドロップダウンメニューに対応するなどの変更を加えました。
Free Template 92 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 93 をダウンロード(zip)
サンプル(動作確認)はこちら
スポンサーリンク
Free Template 94 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 95 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 96 をダウンロード(zip)
サンプル(動作確認)はこちら
テンプレート内の写真は、当サイトのフリー写真素材です。そのままご利用頂いても構いませんし、他の写真に変更することもできます。
無料テンプレート 92~96 の編集について
編集方法は、過去のテンプレートと共通の部分が多いので、過去のテンプレートの解説を参考にしてください。(行数や数値は異なるケースがございます)
スライドショーや、ギャラリーとモーダルウィンドウに関する解説もございます。
編集用の画像は、BASE フォルダに梱包しました。
ブロックを左右に分割する方法
index.html のコードの通り、左側は <div class="content_left"> 内に配置してください。
右側は、<div class="content_right"> 内に配置してください。
画面幅 900px 以上では左右に分割されますが、画面幅 900px 未満では 1列になります。
スポンサーリンク