この記事では、Cocoonタブブロックについてカラー変更による変化を確認できるように見本を載せています。
見本は横スクロールタイプのみになります。
横スクロールタイプ
1．デフォルトスタイル
- Tab 1
- Tab 2
タブ１のコンテンツを表示中。
タブの数が少ない場合は横スクロールにはなりません。
タブ2のコンテンツを表示中。
2．上線スタイル
- Tab 1
- Tab 2
タブ１のコンテンツを表示中。
タブの数が少ない場合は横スクロールにはなりません。
タブ2のコンテンツを表示中。
3．ラベルスタイル
ラベルと下線の色は、以下サンプルの色になります。（※色を変える場合は子テーマCSSでカスタマイズ）
- Tab 1
- Tab 2
タブ１のコンテンツを表示中。
タブの数が少ない場合は横スクロールにはなりません。
タブ2のコンテンツを表示中。
4．ラインスタイル
- Tab 1
- Tab 2
タブ１のコンテンツを表示中。
タブの数が少ない場合は横スクロールにはなりません。
タブ2のコンテンツを表示中。
5．円スタイル
ラベルや背景の色は、スキン指定の色になります。（※色を変える場合は子テーマCSSでカスタマイズ）
- Tab 1
- Tab 2
タブ１のコンテンツを表示中。
タブの数が少ない場合は横スクロールにはなりません。
タブ2のコンテンツを表示中。
