目次
２カラムサンプル
<body>を<body class="c2">にするとこのページのように２カラムレイアウトになります。すでにclass指定が入っている場合は半角スペースをはさんで<body class="sample c2">のようにすればOK。id指定が入っている場合は<body id="top" class="c2">です。
２カラムになってもsideブロックはhtml上に残っているので、sideを使わない場合はhtml側から削除して下さい。
コンパクトレイアウト
下の方にある横長レイアウトは<section class="list">ですが、<section class="list compact">にするとこのようにコンパクトボックスになります。html構成はそれぞれ異なります。
横長レイアウト
物件タイトル
| 所在地 | 東京都XXXX | 価格 | XXXX円 |
|---|---|---|---|
| 見出し | サンプルテキスト。 | 見出し | サンプルテキスト。 |
右下の「おすすめ」の文字情報はhtml側で直接変更できます。
おすすめ
<span class="osusume">おすすめ</span>
色はcssフォルダのstyle.cssの設定で変更できます。
【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】 おすすめ
物件タイトル
| 所在地 | 東京都XXXX | 価格 | XXXX円 |
|---|---|---|---|
| 見出し | サンプルテキスト。 | 見出し | サンプルテキスト。 |
右下の「ご契約済」の文字情報はhtml側で直接変更できます。
ご契約済
<span class="sumi">ご契約済</span>
色はcssフォルダのstyle.cssの設定で変更できます。
【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】 ご契約済
