レイアウトの参考にするため、ブログ立ち上げのときに自分用に作ったサンプルページです。
せっかくなので備忘録として残しておきます。
ご注意いただきたいこと
についてはスタイルシート(style.css)で
デザインをカスタマイズしてありますのでcocoon初期値とは表示が異なります。
上記3つ以外はシンプルにレイアウトをのせています。
ボックスデザイン一覧をご覧になりたい方は冒頭の見出しサンプルをとばして、目次『cocoonボックス』以下の項をご参照ください。
というわけであくまでも自分用なんですが、もしどなたかの参考になれば…
上記３つのカスタマイズ用CSSも、落ち着いたら載せておこうかしら。
せっかくなので、ね。
もし“ 今知りたいっ！”という方がいたらお問い合わせくださいませ。
見出しH2
こちらはサンプルページです。
見出しH3
こちらはサンプルページです。
見出しH4
こちらはサンプルページです。
見出しH5
こちらはサンプルページです。
見出しH６
こちらはサンプルページです。
cocoonボックス
アイコンボックス
補足情報 (？)
案内ボックス
プライマリー（濃い水色）
白抜きボックス
白抜きボックス
付箋風ボックス ※カラーカスタマイズ済
灰色
黄色
赤色
青色
緑色
タブボックス
タブボックス（チェック）
吹き出し
サンプル
吹き出し
アコーディオン（トグル）
サンプル１
サンプル２
サンプル３
タイムライン
タイムライン
- サンプル
サンプルサンプルサンプル
サンプル
- アイテム２アイテム２
アイテム２
- アイテム３アイテム３
アイコンリスト
ブログカード
Ad 広告
cocoon汎用ブロック
見出しボックス
見出しサンプル
見出しボックス
タブ見出しボックス
タブ見出しサンプル
タブ見出しボックス
ラベルボックス
ラベルサンプル
ラベルボックス
cocoonマイクロコピー
マイクロバルーン
マイクロバルーン
マイクロバルーン
マイクロテキスト
マイクロテキスト
cocoonレイアウト
２カラム
サンプル（左カラム）
サンプル（右カラム）
３カラム
（真ん中カラム）
白抜きボックス
（右カラム）
タブボックス
タブボックス（コメント）