tro-suke トロ助

ホームページ制作/HPテンプレート無料、WordPressテーマも無料!!
HOME > ホームページテンプレート > シンプルなテンプレートの紹介

ナビゲーションバー固定でレスポンシブウェブデザイン(HTML5+CSS3)

画像をクリックすると実際のページをご覧いただけます。

トップのナビゲーションバーをスクロールしても表示しているよう固定にしました。1カラムの可変レイアウトにしていますので、使いやすいテンプレートとなっております。会社案内や小規模サイトにぴったりなデザインです。 また、PCブラウザ以外のタブレットやスマートフォンにも対応した、レスポンシブウェブデザインを採用しております。タブレットやスマートフォンで表示されるとき、ナビゲーションバーは表示・非表示の切り替えで邪魔にならないよう工夫しております。

newnewnewnew
sp-1nb_bluesp-1nb_pannsysp-1nb_sepiasp-1nb_viridian

横幅可変レイアウトでシンブルなベーシックタイプ(HTML5+CSS3)

画像をクリックすると実際のページをご覧いただけます。

HTML5+CSS3でシンプルなテンプレートを作ってみました。基本的なページに最低限必要なスタイルだけを取り入れて、シンプルなページを作成しました。構造もわかりやすくしていますので、いろんな応用が利くと思います。1カラムで可変レイアウトにし、PCブラウザ以外のタブレットやスマートフォンにも対応させてみました。カラーはパステル調の淡い色を使用しています。スタイルシートで色を変えれば、違った雰囲気を感じていただけるでしょう。
sp-1_pearl_white_h5c3sp-1_snow_white_h5c3sp-1_pink_white_h5c3sp-1_milky_white_h5c3

シンプルなデザインで画像をいっさい使用していません

画像をクリックすると実際のページをご覧いただけます。

このテンプレートは、基本になるページを画像をいっさい使わずに作っています。画像は使っていなくても最小限必要な要素はみんな組み込んでいますので、いろんな応用が利くと思います。スタイルシートが苦手という方でも、わかりやすく作成していますので、お好みに合わせたカラーと装飾を施してください。あなただけのオリジナルが完成します。カラーバリエーションを増やしました。
sp-1noneimg-blsp-1noneimg-resp-1noneimg-grsp-1noneimg-pu

シンプルなデザインでも基本を網羅したテンプレート

画像をクリックすると実際のページをご覧いただけます。

このテンプレートは基本になるページ、ベーシックテンプレートといった方がいいかもしれません。作りはシンプルですが、最小限必要な要素はみんな組み込んでいますので、いろんな応用が利くと思います。スタイルシートが苦手という方でも、わかりやすく作成しています。
sp-1square_grsp-1arc_grsp-1squaresp-1arc

▲このページのトップへ