Top > 2004年12月

MTカスタマイズコメント欄の編集ボタン装備をモジュール化 new

コメント欄に編集ボタン装備」 エントリにトラックバックくださった MagicWhite さまの記事
「MT3.0以降ならMTIncludeでモジュール化したほうがテンプレートのソース長くならなくていいかも。」とあるのを読んで、
なるほど、そのとおり!と思ったので、モジュール化することにしました。やり方ですが・・・
テンプレート→新しいテンプレート・モジュールを作る で
「テンプレートの名前」 の欄に 任意の名前 例えば CommentEditJS などと入れ、この記事
「個別エントリーアーカイブのテンプレートの <head>~</head> に記述」 した内容を丸々コピペして保存します。
もうひとつ、新しいテンプレート・モジュールを作り、今度はCommentEditButton とでも名前をつけて、
こちら の「コメント投稿フォーム内のボタンを表示させたい箇所に以下を挿入」 の内容をコピペして保存します。
そして 個別エントリーアーカイブのテンプレートの <head>~</head> に
<$MTInclude module="CommentEditJS"$> 、
コメント投稿フォーム内のボタンを表示させたい箇所に 
<$MTInclude module="CommentEditButton"$> と記述。
これで、リビルドして完了です。結果は こちら と同じことなんだけど、ソースがスッキリ短くて済みますね。

Posted by Caetla at 01:34 | Category : MTカスタマイズ | Comments [8] | Trackbacks [4] | Clip!! | Ranking
Tag : MovableType , カスタマイズ , コメント編集ボタン , モジュール化
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(2.9) 総合点:(1637) 投票人数:(560)

2004年 12月 11日(土)   先負    今日は何の日?   2005年の今日のエントリ

MTカスタマイズ今度は文字の背景に色を付ける小技を装備 new

どんどん、いっちゃいますよ~!今度も なかよしこよし さまの記事の応用です。
エントリー時「文字にバックグラウンドカラー」をつけられるボタン ←こちらを参考に
例によって mt.js と edit_entry.tmpl に記述を追加することで、実現しました。
まず、mt.js には、以下を追加します。

function bgSelect (obj) {
var v;
if (!document.selection) return;
var str = document.selection.createRange().text;
if (!str) return;
with(obj) {
if (options[selectedIndex].value == "BG") return;
v = options[selectedIndex].value;
}
document.all.bg.style.backgroundColor = v;
document.selection.createRange().text = '<div style="background:' + v + '">' + str + '</div>';
}

function bgSet() {
var v;
if (!document.selection) return;
var str = document.selection.createRange().text;
if (!str) return;
if (document.all.bg.options[document.all.bg.selectedIndex].value == "BG") return;
v = document.all.bg.options[document.all.bg.selectedIndex].value;
document.selection.createRange().text = '<div style="background:' + v + '">' + str + '</div>';
}



そして、edit_entry.tmpl には、以下を追加します。
write('<a title="<MT_TRANS phrase="Setbgcolor">" href="#" <form name="bgform"><select name="bg" onchange="bgSelect(this)" width="48"><option value="BG" selected>BG<option style="background-color:#FF3333;" value="#FF3333">red<option style="background-color:#FFFF33;" value="#FFFF33">yellow<option style="background-color:#3399FF;" value="#3399FF">blue<option style="background-color:#00FF66;" value="#00FF66">green<option style="background-color:#CC6600;" value="#CC6600">brown</select><input type="button" onclick="bgSet()" value="set"></a>');


今度は、「エントリ編集画面に文字色楽チンセットの小技装備」 で付けた 文字色のプルダウンと同じく
body の方に付けても エラーになりませんでした。
では・・・早速使ってみます。 文字の背景に色を付ける小技って、要するにこういうことなのよ。
<div style="background:***"></div> ←こんなタグが 一発で入れられます。楽チンです。

ちなみに div のところは、span に替えてもOK。ふたつの違いは
div だと、こんなふうに その行全体に背景が付きますが、

span だと、こんなふうに 文字のあるところだけに背景が付きます。お好みで。


MT3.2 へのカスタマイズは こちら をごらんください。(2005年11月8日 追記)

Posted by Caetla at 23:58 | Category : MTカスタマイズ | Comments [2] | Trackbacks [3] | Clip!! | Ranking
Tag : MovableType , カスタマイズ
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.1) 総合点:(1392) 投票人数:(456)

占いモンキー1明日12月12日の運勢。 new

今日はホントいいお天気で、外はポカポカあったかく、孫を連れて しっかり外遊びして来ました。
なんだか「光合成」できた~♪って気分。頭痛で目が覚めた朝だったけど、ずいぶんスッキリしました。
明日は今日より気温も上がらず、少し寒い日になるみたい。12月だから、それが当たり前なんだけどね。
さて。明日は日曜日。どんな一日になるのかな?モンキーちゃんに聞いてみま~す。

12月12日(土)

[ キーワード : 専念 ]

新しいことに取り組むチャンスです。
ただし、あれこれ手を出さずひとつのことに集中しましょう。



monkey041212.pngそうですか。。。新しいこと・・・ですか。
なにに取り組もうかしら・・・( ̄~ ̄; )ウーン・・・
ここ1ヶ月ほど、MovableTypeの柔軟なカスタマイズ性にとりつかれ、
ブログの更新記録、みたいな内容になっちゃってる やむやむだけど
まだまだ やりたいことがあって、しばらくは 新しいことに取り組むってことも
ない気がするな~。なにげに凝り性で やり始めるとしばらくは凝っちゃうんで。
さぁ・・・明日はせっかくの日曜日なので、今朝みたくお昼頃まで寝てちゃ もったいない。
早起きするために、今夜は早めに寝ようかな。・・・できるかな?ヾ(@^▽^@)ノ わはは

Posted by Caetla at 23:30 | Category : 占いモンキー1 | Trackbacks [0] | Clip!! | Ranking
Tag : 占いモンキーなび , 運勢
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.0) 総合点:(1090) 投票人数:(358)

MTカスタマイズ今度は 文字サイズ楽チンセットの小技装備 new

エントリ編集画面に文字色楽チンセットの小技装備 の応用で、
文字の大きさを楽々変える <font style="font-size:**%"></font> ←こんなタグをセットできないか・・・ということで、
喜怒哀楽 さまが ヒントになる記事を探してきてくださいました。
なかよしこよし さま の 「エントリー時「フォントサイズを変える」フォーム(2.x まで)」 です。
こちらの記事を少し応用して・・・というか、さっきの文字色のをソックリ真似して、
mt.js と edit_entry.tmpl に 以下の記述を追加してみました。
まず、mt.js のほうに

function szSelect (obj) {
var v;
if (!document.selection) return;
var str = document.selection.createRange().text;
if (!str) return;
with(obj) {
if (options[selectedIndex].value == "Size") return;
v = options[selectedIndex].value;
}
document.selection.createRange().text = '<font style="font-size:' + v + '">' + str + '</font>';
}

function szSet() {
var v;
if (!document.selection) return;
var str = document.selection.createRange().text;
if (!str) return;
if (document.all.sz.options[document.all.sz.selectedIndex].value == "Size") return;
v = document.all.sz.options[document.all.sz.selectedIndex].value;
document.selection.createRange().text = '<font style="font-size:' + v + '">' + str + '</font>';
}



そして、edit_entry.tmpl の 今度はbody のほうじゃなくて extend のほうのボタンの並びに
write('<a title="<MT_TRANS phrase="Setfontsize">" href="#" <form name="szform"><select name="sz" onchange="szSelect(this)" width="48"><option value="Size" selected>Size<option value="80%">80%<option value="100%">100%<option value="120%">120%<option value="150%;line-height:150%">150%<option value="200%;line-height:200%;">200%</select><input type="button" onclick="szSet()" value="set"></a>');


これでOKでした。なぜか、bodyのほうに両方付けたら動かなかったんです。不思議・・・


MT3.2 へのカスタマイズは こちら をごらんください。(2005年11月8日 追記)

Posted by Caetla at 22:53 | Category : MTカスタマイズ | Trackbacks [2] | Clip!! | Ranking
Tag : MovableType , カスタマイズ , Font
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.0) 総合点:(1521) 投票人数:(503)

MTカスタマイズエントリ編集画面に文字色楽チンセットの小技装備 new

喜怒哀楽 さまの 「エントリー編集画面で文字の色指定を楽にしよう!」 経由で
SecretSchool.BLOG さまの 「MT Ver.3で文字に色を付ける改造」 にお邪魔して、
エントリ編集画面に <font color="***"></font> ←こんなタグを楽々挿入できちゃう小技を
いただいてきました。方法は2ステップ。まずは mt.js に 以下の記述を追加します。

function colorSelect (obj) {
var v;
if (!document.selection) return;
var str = document.selection.createRange().text;
if (!str) return;
with(obj) {
if (options[selectedIndex].value == "------") return;
v = options[selectedIndex].value;
}
document.all.colcol.style.backgroundColor = v;
document.selection.createRange().text = '<font color="' + v + '">' + str + '</font>';
}

function colorSet() {
var v;
if (!document.selection) return;
var str = document.selection.createRange().text;
if (!str) return;
if (document.all.colcol.options[document.all.colcol.selectedIndex].value == "------") return;
v = document.all.colcol.options[document.all.colcol.selectedIndex].value;
document.selection.createRange().text = '<font color="' + v + '">' + str + '</font>';
}



次は edit_entry.tmpl の ほかのボタン(太字・イタリック・下線・リンク等)の並びに 以下を追加します。
write('<a title="<MT_TRANS phrase="Setcolor">" href="#" <form name="colform"><select name="colcol" onchange="colorSelect(this)" width="48"><option value="------" selected>------<option value="red">red<option value="yellow">yellow<option value="blue">blue<option value="green">green<option value="cyan">cyan</select><input type="button" onclick="colorSet()" value="set"></a>');


これで、できあがりです。喜怒哀楽 ミッチさんも記事の中で書いておられましたが
あとから付けたほかのボタン(テキストエリア・デコード・HR等)のように body とextend の両方に付けると
なぜかエラーでうまく動かなくなってしまいました。

どれどれ・・・早速使ってみましょ~。ちょっとしたことだけど タグを手作業で入れるのって 結構面倒ですよね
これは 便利です。w(0^__^0)w ワーイ


MT3.2 へのカスタマイズは こちら をごらんください。(2005年11月8日 追記)

Posted by Caetla at 21:06 | Category : MTカスタマイズ | Comments [4] | Trackbacks [3] | Clip!! | Ranking
Tag : MovableType , カスタマイズ , Font
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.1) 総合点:(1781) 投票人数:(575)

プラグインShrinkFInfo Plugin ヴァージョン・アップ new

「fileinfo.db」 のスリム化 以来 利用させていただいてる ShrinkFInfo Plugin。
配布元の Ogawa::Memoranda さまが ShrinkFInfo Plugin 0.04 を公開 されたことを
小粋空間 さまの記事で知ったので、早速ヴァージョン・アップさせていただきました。
0.04から ShrinkFInfo Plugin で fileinfo.db のサイズ表示 で紹介した 小粋空間 さまの
アイディアである 「fileinfo.db サイズを表示する」 機能を盛り込んであります。
また、サイズが 1M (設定で数値変更可) を超過したら、MTのウェルカム画面にも
ファイル縮小 (ShrinkFInfo Plugin の実行) を促すメッセージが表示されます。いっそう便利になりましたね。

Posted by Caetla at 15:37 | Category : プラグイン | Comments [2] | Trackbacks [0] | Clip!! | Ranking
Tag : MovableType , カスタマイズ , プラグイン
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.0) 総合点:(1130) 投票人数:(380)

洋楽TOTO / IV 聖なる剣 new

本日は 1982年にグラミー賞を総なめ(7部門受賞)にした TOTO の4枚目のアルバム 『聖なる剣』 をご紹介。
大ヒット曲 "Africa" や "ロザーナ" も収録されたこの名盤が 2005年 3月に リイシューされます。
もう20年以上経ってるのね~。(゜ロ゜) ヒョオォォ!都会的でオシャレな 耳障りの良いポップ・サウンド。
AOR (Adult Oriented Rock) の代表的なアーティストというと、ボズ・スキャッグスボビー・コールドウェル
あたりが よく挙げられるけど、TOTOも その代表格だと 思ってるんだけどな~。

ところで・・・TOTO・・・っていうバンド名、トイレに TOTO(東洋陶器)って書いてあるのを見て
TOTOに決定したとか。ウソかマコトか・・・なぜにそこから持ってくるのか。。。すごいエピソードですね。

Posted by Caetla at 15:25 | Category : 洋楽 | Trackbacks [0] | Clip!! | Ranking
Tag : 洋楽
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.0) 総合点:(1106) 投票人数:(367)

ともあ~あ・・・半日 無駄にしちゃった。 new

今朝、起きたのがナント!11時。こんな遅い時間まで寝てたのって 何年ぶりかな。自分でもビックリ。
今朝はたまたま 子供たちも学校が休みなので、早く起きる必要がなかったから、
目覚まし時計を鳴らないようにして、ゆっくり寝ましょ・・・と思ってたんだけど、
まさか、 11時まで一度も目が覚めないなんて。(⌒-⌒; タラタラ
おかげで ここ1週間分の寝不足が解消できたかもしれないけど、なんだか半日無駄にしちゃった、
っていうか、損した気分。オマケに 起きたらいきなり 頭痛だし。
やっぱ、なにごとも度が過ぎるとよくないってことかしらね~。ヾ(@^▽^@)ノ わはは
超 いいお天気で あったかそうなので、これから お出かけしてきまぁ~~~す。
半日分の遅れを取り戻すのだ。(≧∇≦)/ ハハハ   ε=ε=ε=ε= ヾ(*~▽~)ノ テクテク

Posted by Caetla at 12:46 | Category : とも | Trackbacks [0] | Clip!! | Ranking
Tag :
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.0) 総合点:(960) 投票人数:(321)