- 2005-05-19 (木)
- Movable Type
CSSとjavascriptでコメントフォームにちょっとしたカスタマイズをしてみました。
あってもなくてもいいようなものですが便利かなぁと思い導入してみました。
参考にさせていただいたのはこちら↓
どんなものかといいますとテキストエリアのサイズと文字のサイズを自由に変えることができるというものです。
これをMTに応用する方法を以下に記してみます。
完成導入後のコメントフォームはこんな感じ↓
1.)ファイルの準備
まずはTextarea toolsのDownload all the files.というリンクからcss,js,png一式をDLして解凍します。
今回使うファイルは以下のもの。
スタイルシート---resizable.css
スクリプト---resizable.js
画像---areaMore.png/areaLess.png/fontUp.png/fontDown.png
resizable.cssの画像のパスを修正します。
画像４つは(MovableTypeルートディレクトリ)/imegeディレクトリにUPします。
2.)テンプレートの修正
コメントフォームのある個別エントリーアーカイブを修正します。
テンプレートの<head>～</head>内に以下を追加します。
コメントフォームのソースの箇所から<textarea>～</textarea>の部分を探しclass="resizable"を追加します。
ワタシの場合は以下のような感じ。
あとは保存して個別エントリーのみ再構築して完了です。
テキストエリアの文字が小さいと感じる場合、長文のコメントを書く場合に是非ご利用ください。
今回アイコンは自分で作り直してみました。
:: TB memo ::
http://member.blogpeople.net/tback/01384
http://member.blogpeople.net/TB_People/tback.jsp?id=00093
- Newer: List-u-Like CSS Generator
- Older: エントリーのタイトルのつけ方って難しい…