≪HOME(21世紀のアフィリエイト通販生活)

エントリー投稿(編集)画面の文字サイズ&高さを修正!~MovableType

MovableTypeでエントリー投稿(編集)画面の文字サイズが小さいのが気になってきました。このままでは自然と前屈みになってしまいます。なのでテキストエリアの文字サイズを直しました。

mt-static/styles.cssを開き、以下のセレクタを探します。MovableTypeのバージョンアップ等でセレクタの名前が変わってる場合は自力で相当箇所を探して下さい。

#edit-entry .full-width {
width: 577px;
}

これにフォントサイズを追加します。

#edit-entry .full-width { width: 577px; font-size: 17px; }

次にエントリー投稿(編集)欄の高さを変更します。

「エントリーの内容(body)」の欄は、同じく #edit-entry .full-width に高さ指定を追加します。

#edit-entry .full-width {
width: 577px;
font-size:17px;
height:350px;
}

但しこれだけだと追記、概要、キーワードも同じ高さになってしまうので、以下の設定を新たに追加します。

/* --- 追記(extend) -- */
#edit-entry .full-width#text_more{
height:150px; 
}

/* --- 概要(excerpt) -- */
#edit-entry .full-width#excerpt{
height:70px; 
}

/* --- キーワード -- */
#edit-entry .full-width#keywords{
height:20px; 
}

追記はid=text_more、概要はid=excerpt、キーワードはid=keywords、とMovableType標準でid指定されてるにも関わらず、スタイルシートにスタイル指定がないので自作追加してみました。

ついでにスクロールバーも投稿画面の色に合わせて変更しました。(Firefoxでは無効!)

#edit-entry{
scrollbar-face-color:#EAF2FF;
}

この際ついでにテンプレート編集画面のテキストエリアも文字サイズを変更!同じくmt-static/styles.cssにて以下のセレクタを探します。

#edit-template textarea.wide { width: 618px; }

これにフォントサイズを追加します。

#edit-template textarea.wide { width: 618px; font-size: 17px; }

何にせよ、これで書きやすくなったーヾ(^o^)

投稿者 Locutus : 2004年12月31日 11:56 EDIT   カテゴリ⇒ MovableTypeカスタマイズ

この記事のトラックバックURL :
トラックバック

エントリー投稿画面の文字サイズと高さを修正 from dotabata.net
エントリーを投稿する際, 文字が小さくなることが前から気になっていた。 だんだん... [続きを読む]

トラックバック時刻: 2005年12月09日 21:39

≪HOME(21世紀のアフィリエイト通販生活)

王冠 ナンバー1の稼ぎ頭 王冠

エーハチ・ネット

一番複数サイトがある場合は、同じアカウントのまま簡単追加!広告コード取得が簡単なのでも有名です。

最近の記事
エックスサーバーのメリット
エックスサーバーのデメリット
エックスサーバーがMovableTypeのインストールマニュアルを公開
ノートン・インターネットセキュリティ
レッチリ~ダニー カリフォルニア♪
最近のトラックバック&コメント
カテゴリー
月別アーカイブ[過去記事]
BlogPeople
自分のリンクリストに登録する!
ブログ作成・お役立ちリンク
ブログの記事&タイトル考察リンク