1カラムレイアウト
<body>を<body class="c1">にすると1カラムレイアウトになります。
トップページなどid名がついている場合は、<body id="top" class="c1">です。
すでにclass指定が入っている場合は、<body class="sample c1">など半角スペースを入れて指定します。
ずっと1カラムで使う場合は
上のclass指定をしてもhtml上にsubブロックは残るので、subブロックを使わない場合はsubブロックのhtmlごと削除して下さい。
MENU(横長レイアウト)
<section class="list">にするとこのように横長ボックスになります。
タイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。
タイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。
タイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。
MENU(コンパクトレイアウト)
<section class="list compact">にするとこのようにコンパクトボックスになります。
タイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。
タイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。
タイトル
コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。
MENU(サークルボックス)
<section class="circle">にするとサークルのブロックになります。文字を入れる事は想定していないので画像だけ表示させたい時に使って下さい。