• form

  • 各種フォーム要素についての説明です。
  • checkbox

高さを調整する事ができます。HTMLソースのクラス名 cp-checkbox の後に ef-lh30 を付与してください。 10~40 [数値]

  • checkbox (multiple)

高さを調整する事ができます。HTMLソースのクラス名 cp-checkbox の後に ef-lh30 を付与してください。 10~40 [数値]

  • checkbox (float)

高さを調整する事ができます。HTMLソースのクラス名 cp-checkbox の後に ef-lh30 を付与してください。 10~40 [数値]
横並びの間隔はHTMLソースの ef-float20 の数値を設定してください。 3/7/10/20/30 [数値]

  • radio (multiple)

高さを調整する事ができます。HTMLソースのクラス名 cp-radio の後に ef-lh30 を付与してください。 10~40 [数値]

  • radio (float)

高さを調整する事ができます。HTMLソースのクラス名 cp-radio の後に ef-lh30 を付与してください。 10~40 [数値]
横並びの間隔はHTMLソースの ef-float20 の数値を設定してください。 3/7/10/20/30 [数値]

  • select

高さを調整する事ができます。HTMLソースのクラス名 cp-select の後に ef-h30 を付与してください。 10~40 [数値]

  • select (float)

高さを調整する事ができます。HTMLソースの ef-h30 の数値を変更してください。 10~40 [数値]
  • title
横並びの間隔はHTMLソースの ef-float20 の数値を変更してください。 3/7/10/20/30 [数値]

  • input

高さを調整する事ができます。HTMLソースのクラス名 cp-input の後に ef-h40 を付与してください。 10~40 [数値]
placeholderの色は _variables.scss で変更が可能です。

  • input (float)

文章の高さを調整する事ができます。HTMLソースの ef-lh30 の数値を変更してください。 0/10~40 [数値]
  • title
横並びの間隔はHTMLソースの ef-float20 の数値を変更してください。 3/7/10/20/30 [数値]

  • input (radius)

高さを調整する事ができます。HTMLソースのクラス名 cp-input の後に ef-h30 を付与してください。 10~40 [数値]
角丸を調整する事ができます。HTMLソースの ef-rd10 の数値を変更してください。 0~10 [数値]

  • input (bgcolor)

高さを調整する事ができます。HTMLソースのクラス名 cp-input の後に ef-h30 を付与してください。 10~40 [数値]
背景色を調整する事でalertやsuccessといった効果を演出できます。HTMLソースの ef-bg-red / ef-bg-green を変更してください。 white/red/orange/blue/green/yellow/brown/gray/theme [カラー]

  • input (insert icon)

高さを調整する事ができます。HTMLソースのクラス名 cp-input の後に ef-h30 を付与してください。 10~40 [数値]
アイコンはサイズ16×16であれば画像でも配置できます。HTMLソースの i タグをimgタグに変更してください。

  • input (add button)

高さを調整する事ができます。HTMLソースのクラス名 cp-input の後に ef-h40 を付与してください。 10~40 [数値]
ボタンの色を変更できます。 ef-cp-blue の色に該当する箇所を変更してください。 white/red/orange/blue/green/yellow/brown/black/theme [カラー]
フォームの横幅を調整する事ができます。 ef-w220 の数値を変更してください。

  • input (file upload)

  • textarea

高さを調整する事ができます。HTMLソースの ef-mh150 の数値を変更してください。 0/3/7/10~600(10単位) [数値]