レスポンシブ Web デザイン99~107
スマートフォン、タブレット、パソコンでの閲覧に対応した、レスポンシブ Web デザインの無料テンプレート 99~107 です。
シンプルなワンページ(シングルページ)のテンプレートです。
Free Template 99 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 100 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 101 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 102 をダウンロード(zip)
サンプル(動作確認)はこちら
スポンサーリンク
Free Template 103 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 104 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 105 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 106 をダウンロード(zip)
サンプル(動作確認)はこちら
Free Template 107 をダウンロード(zip)
サンプル(動作確認)はこちら
テンプレート内の写真は、当サイトのフリー写真素材です。そのままご利用頂いても構いませんし、他の写真に変更することもできます。
無料テンプレート99~107の編集について
無料テンプレート 98 の白基調を、黒基調にカラー変更したテンプレートです。
基本的な編集方法は、無料テンプレート 98 と同じです。
無料テンプレート 98 と違う部分は、ブロック 7 の背景が初期設定で画像になっている点です。
ブロック 7 の背景画像を削除する場合は、style.css の以下のコードを削除して下さい。削除すると背景は黒色になります。
/* 背景に画像を設定 START */
background-image: url(images/2015-12-landscape-free-photo26.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
/* 背景に画像を設定 END */
背景画像のファイル名は、images/2015-12-landscape-free-photo26.jpg の部分で指定して下さい。
メニューや見出しのカラーは、style.css の 24 箇所で設定しています。
例えば、color: #F8F274; /* template102 イエロー */ と指定されています。
色を調整したい場合は、#F8F274 を 24 箇所変更して下さい。
当サイトの無料テンプレートがお役に立ちましたら幸いです。
スポンサーリンク