≪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カスタマイズ
エントリー投稿画面のリンクボタンでtarget="_blank"を自動的に挿入 '04 12/31
Decodeボタンを付けてみる!~MovableTypeエントリー投稿時 '04 12/31
画像をアップロードする時の手間を減らす!~MovableType '04 12/31
→ エントリー投稿(編集)画面の文字サイズ&高さを修正!~MovableType '04 12/31
検索結果を表示するテンプレート '04 12/24
MovableTypeをインストしました! '04 12/23
≪HOME
エントリー投稿画面の文字サイズと高さを修正 from dotabata.net
エントリーを投稿する際, 文字が小さくなることが前から気になっていた。 だんだん... [続きを読む]
トラックバック時刻: 2005年12月09日 21:39
≪HOME(21世紀のアフィリエイト通販生活)