Cocoonのスキンがボタン1つでリアルタイムに切り替わります

Cocoonのスキンチェックサイト Cocoon
下のボタンを押すと、リアルタイムでスキンを変更できます!
※ページをリロードすると、スキンが適用されていない元の状態に戻ります。
ミックスレッド
ミックスグリーン
ミックスブルー
サムライブルー(勝色モデル)
サムライブルー(無印)
ミックスグリーン(改)

スキンの変更点

ミックススキン(レッド、グリーン、ブルー)の変更点

あまり変更していないミックススキンですが、それでも以下の点を変更しています。

・見出し(h2~h6)
・サイドバーの見出し(h3)
・グローバルメニュー
・テーブル
・ページネーション(『次ページ』などのページ切り替えボタン)
・エントリーカードをふわっと浮かせる
・目次

サムライブルーの変更点

ミックススキンと変更点は同じですが、さらに以下の点を変更しています。
勝色モデルは、無印と違ってヘッダー画像とサイトの全体背景まで変更します。

・ヘッダー画像(勝色モデルのみ)
・サイトの全体背景(勝色モデルのみ)
・SNSボタン

見出し(H2)

H2の見出しです。

見出し(H3)

H3の見出しです。

見出し(H4)

H4の見出しです。

見出し(H5)

H5の見出しです。

見出し(H6)

H6の見出しです。

テーブル

 

表のタイトル
ヘッダー ヘッダー
項目 項目
項目 項目
項目 項目

ページネーション

 

 

コメント