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

Top ＞ Movable Type ＞カスタマイズ＞管理画面＞カスタムフィールドのラジオボタンを横並びにする

News

各種ブログテンプレート

2009年3月25日

エントリー本文

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

Posted at March 25,2009 1:55 AM
Category：[管理画面]
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（修正後）

Posted by yujiro ReTweet This!

« ExcerptRichText プラグイン v0.03 | Main | MovableType逆引きデザイン事典[4.2/4.1対応] 校了 »

この記事を読んだ人はこんな記事も読んでいます

人気エントリー

Hatena Hot Entries

Hatena Entries

トラックバックURL

このエントリーのトラックバック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

名前（N）: *必須

メールアドレス（M）:

URL（U）:

情報を保存する？

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

コメント（C）:

[サインインしない場合はここにCAPTCHAを表示します]

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

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