マイケルアンジェロかよ・・・。

tmpl/cms/upload_complete.tmplの

<p>
<label><input type="checkbox" name="constrain" value="1" checked="checked"> <MT_TRANS phrase="Constrain proportions"></p>

の下に下記を追加

<p> Image floating:<select name="ifloat" class="menu" >
<option value="left" selected>left
<option value="right">right
<option value="none">none
</select>
</p>

////
*あまり回り込みを使わなかったのでデフォルトでnone"回り込み無し"が選択されるようにしました。
上記を下記と差し替え

<p> Image floating:<select name="ifloat" class="menu" >
<option value="none" selected>none
<option value="left">left
<option value="right">right
</select>
</p>

////




同じく tmpl/cms/upload_complete.tmplの

<div>
<TMPL_IF NAME=IS_IMAGE>
<input type="button" onclick="doClick(this.form, 'popup=1&width=<TMPL_VAR NAME=WIDTH>&height=<TMPL_VAR NAME=HEIGHT>&image_type=<TMPL_VAR NAME=IMAGE_TYPE>')" value="<MT_TRANS phrase="Popup Image">" />
<input type="button" onclick="doClick(this.form, 'include=1&width=<TMPL_VAR NAME=WIDTH>&height=<TMPL_VAR NAME=HEIGHT>&image_type=<TMPL_VAR NAME=IMAGE_TYPE>')" value="<MT_TRANS phrase="Embedded Image">" />
<TMPL_ELSE>
<input type="button" onclick="doClick(this.form, 'link=1')" value="<MT_TRANS phrase="Link">" />
</TMPL_IF>
</div>

の部分を下記と入れ替え

<div>
<TMPL_IF NAME=IS_IMAGE>
<input type="button" onclick="doClick(this.form, 'imgfloat='+this.form.ifloat.value+'&popup=1&width=<TMPL_VAR NAME=WIDTH>&height=<TMPL_VAR NAME=HEIGHT>&image_type=<TMPL_VAR NAME=IMAGE_TYPE>')" value="<MT_TRANS phrase="Popup Image">" />
<input type="button" onclick="doClick(this.form, 'imgfloat='+this.form.ifloat.value+'&include=1&width=<TMPL_VAR NAME=WIDTH>&height=<TMPL_VAR NAME=HEIGHT>&image_type=<TMPL_VAR NAME=IMAGE_TYPE>')" value="<MT_TRANS phrase="Embedded Image">" />
<TMPL_ELSE>
<input type="button" onclick="doClick(this.form, 'link=1')" value="<MT_TRANS phrase="Link">" />
</TMPL_IF>
</div>

次に lib/MT/App/CMS.pm

if ($q->param('popup')) {
require MT::Template;
if (my $tmpl = MT::Template->load({ blog_id => $blog_id,
type => 'popup_image' })) {
(my $base = $q->param('fname')) =~ s!\.[^.]*$!!;
if ($base =~ m!\.\.|\0|\|!) {
return $app->error($app->translate(

の前に下記を追加

my $imgclass;
if ($q->param('imgfloat') eq 'left') {
$imgclass = " class='l' ";
}elsif ($q->param('imgfloat') eq 'right') {
$imgclass = " class='r' ";
}else {
$imgclass = '';
}

同じく lib/MT/App/CMS.pmの

my $link = $thumb ? qq(<img src="$thumb" width="$thumb_width" height="$thumb_height" border="0" />) : "View image";
return <<HTML;
<a href="$url" onclick="window.open('$url','popup','width=$width,height=$height,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">$link</a>
HTML
} elsif ($q->param('include')) {
(my $fname = $url) =~ s!^.*/!!;
if ($thumb) {
return <<HTML;
<a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>
HTML
} else {
return <<HTML;

に赤字の部分、$imgclassを追加

my $link = $thumb ? qq(<img $imgclass src="$thumb" width="$thumb_width" height="$thumb_height" border="0" />) : "View image";
return <<HTML;
<a href="$url" onclick="window.open('$url','popup','width=$width,height=$height,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">$link</a>
HTML
} elsif ($q->param('include')) {
(my $fname = $url) =~ s!^.*/!!;
if ($thumb) {
return <<HTML;
<a href="$url"><img $imgclass alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>
HTML
} else {
return <<HTML;
<img alt="$fname" $imgclass src="$url" width="$width" height="$height" />
HTML
}

スタイルシートはに下記を追加

img.r {
float: right;
border: none;
margin-right:4px;
margin-top:4px;
vertical-align:top;
}
img.l {
float: left;
border: none;
margin-right:4px;
margin-top:4px;
vertical-align:top;
}

一応これで終わりなんだけど、画像の大きさより文章が短いと投稿者情報のところまで回り込んで変な感じに・・・。


それを回避する為にスタイルシートの投稿者の所、うちの場合は

.entry-footer {
margin: 10px 0 0 0;
border-top: 1px dotted #36414d;
text-align: right;
color: #36414d;
font-size: 9px;
}

となっているところに赤字を追加して完了。

.entry-footer {
clear:all;
margin: 10px 0 0 0;
border-top: 1px dotted #36414d;
text-align: right;
color: #36414d;
font-size: 9px;
}

ほらすっきり。

作業メモ
/tmpl/cms/edit_entry.tmpl
<div id="body-box">のちょい下のwith (document) {　
この下に書いてある

write?

ってのがエントリー部分のボタン等の設置場所になるので、他のボタンを設置したければここに追記していけばおっけー。
今回のtxtareaボタンはblockquoteボタンの右に付けたかったので
write('<a title="<MT_TRANS phrase="Quote">" href="#" onclick="return formatStr(document.entry_form.text, \'<span style="color:#ff3300;">blockquote</span>\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-quote.gif" alt="<MT_TRANS phrase="Quote">" width="22" height="16" /></a>');
の後ろに下記を記述。
write('<a title="<MT_TRANS phrase="textarea">" href="#" onclick="return formatStr(document.entry_form.text, \'textarea\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/text.gif" alt="<MT_TRANS phrase="textarea">" width="22" height="16" /></a>'


<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>のちょい下のwith (document) {　
この下に書いてある

write?

これが追記部分のボタン等の設置場所。

エントリー部分と同じようにblockquoteの記述の下に下記を追加。
write('<a title="<MT_TRANS phrase="textarea">" href="#" onclick="return formatStr(document.entry_form.text, \'textarea\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/text.gif" alt="<MT_TRANS phrase="textarea">" width="22" height="16" /></a>'


STATIC_URI>images/text.gif
にtextareaボタン用の画像ファイルを指定したのでmt-static/images内にファイルをUPして終わり。

作業メモ
/tmpl/cms/edit_entry.tmpl
<div id="edit-entry">の下の<script type="text/javascript">?</script>の間
今回は</script>の真上に下記を記述
function changeFontsize(obj, tag) { var startTag = '<span style=\"font-size:' + tag + '\;\">'; var endTag = '</span>'; //IE if (document.selection) { obj.focus(); var str = document.selection.createRange().text; if(!str) { return; } document.selection.createRange().text = startTag + str + endTag; return; } //Mozilla else if ((obj.selectionEnd - obj.selectionStart) >0) { var startPos = obj.selectionStart; var endPos = obj.selectionEnd; obj.value = obj.value.substring(0, startPos) + startTag + obj.value.substring(startPos, endPos) + endTag + obj.value.substring(endPos, obj.value.length); return; } //Other else { obj.value += startTag + endTag; } } function changeFontcolor(obj, tag) { var startTag = '<span style=\"color:' + tag + '\;\">'; var endTag = '</span>'; //IE if (document.selection) { obj.focus(); var str = document.selection.createRange().text; if(!str) { return; } document.selection.createRange().text = startTag + str + endTag; return; } //Mozilla else if ((obj.selectionEnd - obj.selectionStart) >0) { var startPos = obj.selectionStart; var endPos = obj.selectionEnd; obj.value = obj.value.substring(0, startPos) + startTag + obj.value.substring(startPos, endPos) + endTag + obj.value.substring(endPos, obj.value.length); return; } //Other else { obj.value += startTag + endTag; } } 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 = '<span style="color:' + v + ';">' + str + '</span>'; } 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 = '<span style="color:' + v + ';">' + str + '</span>'; } function fontsizeSelect (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.selection.createRange().text = '<span style="font-size:' + v + ';">' + str + '</span>'; } function fontSet() { var v; if (!document.selection) return; var str = document.selection.createRange().text; if (!str) return; if (document.all.foncha.options[document.all.foncha.selectedIndex].value == "------") return; v = document.all.foncha.options[document.all.foncha.selectedIndex].value; document.selection.createRange().text = '<span style="font-size:' + v + ';">' + str + '</span>'; }

<div id="body-box">のちょい下のwith (document) {　の真下に下記を記述
write('<!--[if gte IE 5]><a title="<MT_TRANS phrase="Setcolor">" href="#" <form name="colform"><select name="colcol" onchange="colorSelect(this)"><option value="color" selected>Color<option value="#ff3300">Red<option value="#6666ff">Blue<option value="#009933">Green</select><input type="button" onclick="colorSet()" value="◯"></a><![endif]-->'); write('<!--[if gte IE 5]><a title="<MT_TRANS phrase="Setfontsize">" href="#" <form name="fonchaform"><select name="foncha" onchange="fontsizeSelect(this)"><option value="Font" selected>Font<option value="50%">50%<option value="70%">70%<option value="130%">130%<option value="200%">200%</select><input type="button" onclick="fontSet()" value="◯"></a><![endif]-->');


その下にある
// -->
</script>
の真下に下記を記述
<![if !gte IE 5]> <div style="float: right;"> <select> <option value="">Font <option onclick="javascript:changeFontcolor(document.entry_form.text,'#009933')">Green <option onclick="javascript:changeFontcolor(document.entry_form.text,'#6666ff')">Blue <option onclick="javascript:changeFontcolor(document.entry_form.text,'#ff3300')">Red <option onclick="javascript:changeBGcolor(document.entry_form.text,'#FF3333')">red <option onclick="javascript:changeBGcolor(document.entry_form.text,'#FFFF33')">yellow <option onclick="javascript:changeBGcolor(document.entry_form.text,'#3399FF')">blue <option onclick="javascript:changeBGcolor(document.entry_form.text,'#00FF66')">green <option onclick="javascript:changeBGcolor(document.entry_form.text,'#CC6600')">brown </select> </div> <![endif]>


<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>のちょい下のwith (document) {　の真下に下記を記述
write('<!--[if gte IE 5]><a title="<MT_TRANS phrase="Setfontsize">" href="#" <form name="fonchaform"><select name="foncha" onchange="fontsizeSelect(this)"><option value="Font" selected>Font<option value="50%">50%<option value="70%">70%<option value="130%">130%<option value="200%">200%</select><input type="button" onclick="fontSet()" value="◯"></a><![endif]-->');


その下の </script> の真下に下記を記述
<![if !gte IE 5]> <div style="float: right;"> <select> <option value="">Font <option onclick="javascript:changeFontsize(document.entry_form.text,'50%')">50% <option onclick="javascript:changeFontsize(document.entry_form.text,'70%')">70% <option onclick="javascript:changeFontsize(document.entry_form.text,'130%')">130% <option onclick="javascript:changeFontsize(document.entry_form.text,'200%')">200% </select> </div> <![endif]>


以上で終わりなんだけどこのままだとセレクトバーが異様に長いので


/mt/mt-static/styles.cssの1055行目付近
.field select {
width: 130px;
min-width: 130px;
を
.field select {
/* width: 130px;/*
/* min-width: 130px;/*

のように赤字を書き加えて終了。

まずはPHP化

環境設定のテンプレート→インデックス
メインページ index.htmlをindex.php
アーカイブページ archives.htmlをarchives.php
に変更。


公開の設定
アーカイブの拡張子をhtmlからphpに変更。


再構築後FTPでindex.html、archives.htmlを削除。

あとはここに書いてあるようにテンプレートを書き換えて再構築で終了。