見出し
落ち着いた感じのCSSデザインテンプレートです。企業向けWebサイトはもちろん、店舗Webサイトにも適したデザインテンプレートです。
完全幅固定タイプです。
全体的な横幅は779px、メインコンテンツ部分539px(余白除く)、サブコンテンツ部分220px(余白除く)です。
とても中途半端な横幅になっているのは、メニューに横幅をあわせているためです。1つのメニュー幅が155px、それが5つあるので775px、そしてメニューの区切り線1pxが4つで4px、計779pxとなります。
サブコンテンツ部分はメニューやバナー等を配置することを想定し、幅を広く取りましたが、ご自由にサイズ変更してください。
現在表示しているページに該当するメニューのa要素に「class="active"」を指定すると、メニューボタンの色が変わり、ナビゲーションの役割を果たします。
各種コンテンツについて
各種コンテンツの制作も賜っております。
サンプルについて
以下、サンプルタグになります。ご利用の際は参考にしてみてください。
INFORMATION
- 2009-04-28
-
○○新聞に取材を受けました。
- 2008-04-24
-
休業のお知らせ。誠に勝手ながら5月2日から6日まで長期休暇日とさせていただきます。ご了承ください。
タグサンプル
h3タグ
h4タグ
h5タグ
h6タグ
強調(em)
より強い強調(strong)
追加(ins)
削除(del)
テキストアンカー
リスト
普通のリスト
- 普通のリスト1
- 普通のリスト2
- 普通のリスト3
番号付きリスト
- 番号付きリスト1
- 番号付きリスト2
- 番号付きリスト3
li要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。
定義リスト
- 定義リスト1
- 定義した用語の説明
- 定義リスト2
- 定義した用語の説明
- 定義リスト3
- 定義した用語の説明
dd要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。しかし、dt要素にはインライン要素しか記述することができません。