新規エリア

パーツ集（JS）※デザパ新規作成用ページ（動作確認用）

【小平確認用】パーツ集（JS）※デザパ新規作成用ページ（動作確認用） (1)

<ul>
	<li>画像のみを配置したカラムがスライド化</li>
	<li>セクション背景は背景色②（編集画面で変更可）</li>
	<li>テキストカラムの幅のみ編集画面で変更可（画像カラムは80%固定）</li>
	<li>3カラム以上不可</li>
	<li>左右カラム入れ替え可（いずれの場合もSP時は画像が上）</li>
	<li>画像カラムのみ、テキストカラムのみの使用も可（画像カラムを削除した場合にはプレーンのセクション＆row&amp;colの仕様に戻ります）</li>
</ul>

ショルダーコピーが入ります。 
ショルダーコピーが入ります。

詳しい資料はこちら

キャッチコピーが入ります。修正前

<ul>
	<li>カラム幅は編集画面で変更可</li>
	<li>カラム間のグラデーションはテキストカラムに編集画面でシャドウを設定した場合に適用される（＝編集画面でつけ外し可）</li>
	<li>SP時はグラデ非表示</li>
	<li>画像カラムのみ、テキストカラムのみの使用も可（画像カラムを削除した場合にはプレーンのセクション＆row&amp;colの仕様に戻ります）</li>
	<li>テキストカラム背景色はデフォルト白。編集画面で変更可能ですが、グラデーションカラーは白固定で連動しないため要注意。</li>
</ul>

<ul>
	<li>タブメニューが6以下の場合
	<ul>
		<li>PC〜TB時：メニューは横一列に表示</li>
		<li>SSP時：横スクロール表示</li>
	</ul>
	</li>
	<li>タブメニューが7以上の場合
	<ul>
		<li>PC時：横4列＆縦積表示</li>
		<li>SP＆TB時：横スクロール表示</li>
	</ul>
	</li>
	<li>タブメニュー背景色（編集画面での変更不可）
	<ul>
		<li>アクティブ時：メインカラー</li>
		<li>hover時：メインカラーの65%</li>
		<li>非アクティブ時：メインカラーの30%</li>
	</ul>
	</li>
	<li>タブ内リッチテキストのみカプセル化（ただし単体での使用は基本不可の想定）</li>
</ul>

sample

<ul>
	<li class="align-center">タブメニュー1</li>
	<li class="align-center">タブメニュー2</li>
	<li class="align-center">タブメニュー3</li>
	<li class="align-center">タブメニュー4</li>
</ul>

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

デザインパーツID用のコード

スライドショー①

キャッチコピーが入ります。

スライドショー②

キャッチコピーが入ります。