MovableTypeのQuoteボタンが気に入らない

MovableTypeを3.1にしたときに、編集画面にQuoteボタンが用意されました。

Quote-Original

こんなん。
機能的には、以前、
鳥繁.COM: MovableTypeにBLOCKQUOTEボタンを追加
で実装していた、Blockquoteボタンと一緒なのですが、このデザインが気に入らない、というか、普段DreamweaverMX2004を使っていると一瞬気がつかなくて、アイコンとして機能していないので、MovableType風のアイコンに差し替えます。

新Quoteボタン

こんなのを用意して、

/mt/images/html-quote.gif

を上書きします。


あと、
引用タグはスタイルシートで

blockquote {
border: 1px solid;
padding: 5px;
}

こんな調子で飾ってやるといいかもしれません。

上の例だと こんな感じになります。

どっかいじらないと<br>を明示しないと改行がくっついちゃうのですが、くっついた方が便利なことも多いのでそのままです。

本文の部分だけに適用したい場合は、

.contentのクラスの下に定義して、

.content blockquote {
border: 1px solid;
padding: 5px;
}

とやるといいんですかね。スタイルシートよくわかってないですが。

デフォルトのテンプレートだと、Main Indexの本文は、
.content blockquote
に対し、Individual Entry Archiveは、
.container .content blockquote
になるらしい。
本文だけに適用したい場合、
スタイルシートの設定が面倒なので、Individual Entry Archiveの
<div id="container">
と、対応する
</div>
を削除して対応するか、反対にMain Indexに追加するか。

とかいいつつ3.0時代から何もしていなかったり。

2006.1.21
現在は3.2-ja-2なので、こちらを参照されたし。
きりしま屋: MovableTypeの編集画面のボタンを改造する 3.2-ja-2版

About

2004年12月23日 11:57に投稿されたエントリーのページです。

ひとつ前の投稿は「MovableType 3.11-ja→3.121-ja」です。

次の投稿は「MovableTypeにREDボタンを追加 3.121-ja」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

Powered by
Movable Type 3.35