Funny Soul

続きを読む ≫

作業メモ
/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;/*

のように赤字を書き加えて終了。 ≪ 続きを隠す