2カラム右メニューのテンプレート(HTML5・CSS3)
Category : 2カラムのテンプレート
2カラム右メニューのテンプレートです。メインカラムを横幅可変に設定し、ワイドな画面にもスリムな画面にも対応しております。またPCブラウザ以外のスマートフォンにも対応させてみました。実際のページでブラウザの横幅を狭めると確認できます。今回は2カラムですので、タブレットはPCと同じ表示にしています。スマートフォンの場合は、リンクボタンを少し幅広にして操作しやすく工夫しています。
カラーはパステル調ですがあまり明るくなりすぎないように、少し彩度を抑えたカラーを基調にしています。スタイルシートで色を変えれば、違った雰囲気を感じていただけるでしょう。各自でお好きなカラーに変更して頂けます。
●このテンプレートの主な特長は下記の通り
- 適正なHTMLでSEOやアクセシビリティに効果的
- HTML5+CSS3で構成されたシンプルな仕上がり
- メインカラムの横幅可変レイアウト
- スマートフォンにも対応したレイアウト
- カラーはパステル調ですが少し彩度を抑えたカラーを基調
Date : 2013年05月25日 | Comments : 0
コメントを残す