カスタムフィールドのラジオボタンを横並びにする

カスタムフィールドのラジオボタンを横並びにする

Posted at March 25,2009 1:55 AM
Tag:[CustomField, Customize, MovableType]

Movable Type 4.2x で、ラジオボタン形式のカスタムフィールドを横並びにするカスタマイズです。

Movable Type 4.1x では、ラジオボタンのカスタムフィールドは横並びにできたのですが、4.2x ではラジオボタン(多分他も)のマークアップが順不同リストに変更されたため、縦に並びます。

Movable Type 4.1x
4.1

Movable Type 4.2x
4.2

ラジオボタンを横並びにするには、mt-static/css/main.css を任意のエディタで開き、次のセレクタを最後に追加します。

.custom-field-radio-list li{
  float:left;
  margin-right:5px;
}

次のように表示されます。

Movable Type 4.2x(修正後)
4.2(修正後)

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

mt:カスタムフィールドのラジオボタン from Element's:
昨日に引き続き、今日も小粋空間さんのネタなわけですが・・・ 僭越ながら、カスタム... [続きを読む]

Tracked on March 26, 2009 12:06 PM

PHPでラジオボタンの状態を引き継ぐ from ぱふぅ家のホームページ
PHPLで画面遷移する際、POSTやGETを介して、一連のラジオボタンの状態を保持する方法を紹介する。 [続きを読む]

Tracked on May 26, 2009 10:33 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)