ホーム » Movable Type » A-Form » A-Form ドキュメント » CSSでデザインカスタマイズ
CSSでデザインカスタマイズ
デザインテーマを使って変更する
デザインテーマを2種類用意しています。
詳しくは、A-Formのインストールと初期設定のデザイン変更の項を参照してください。
以下は、ご自身でスタイルシートを編集してカスタマイズする際のTipsを記述します。
特定の項目だけ色を変更する
管理画面で、色指定したい項目のID値を確認します。(このID値は任意に変更することができます)
ID値が、
ID値:abc
に設定した場合、入力画面では、
<input id="abc">
といったidが設定されます。
そこでCSSで
input#abc{ background: #fcc; }
といった記述をすると、項目abcに背景色を指定することができます。
同ID値の要素を、特定のフォームだけ色を変更する
例)フォーム番号20の 項目ID:abcの要素だけ色変更したい
フォームは
<div id="aform-20" class="aform"> ....(フォームの内容).... </div>
というようにフォームIDのついたdiv内に書き出されますので、
CSSで
#aform-20 input#abc{ background: #fcc; }
と記述すると、フォーム番号20 の abc だけ色変更することができます。
アークウェブのMovable Typeブログ
新着記事
- 2023年12月12日
MTプラグインAシリーズ:A-Form, A-Member, A-Reserve 5.0(MT8対応)、A-Form, A-Member, A-Reserve 4.1.4(MT7対応)リリースのお知らせ - 2023年11月 2日
Movable Type 8対応の弊社プラグインA-Form 5、A-Member 5、A-Reserve 5を近日リリースいたします - 2023年10月19日
「Movable Type 7 r.5501(2023年10月下旬リリース予定)」と弊社プラグインAシリーズは互換性に問題ありません - 2023年8月29日
2023年8月30日リリースのMTクラウド「r.5405-1」アップデートは弊社Aシリーズに影響はありません - 2023年5月30日
2023年5月31日予定のMovable Type 7 r.5404 および Movable Type Premium 1.57 へのアップデートは弊社Aシリーズに影響はありません