« 2004年08月 | メイン | 2004年10月 »

2004年09月30日

なおさんの「アルバム書架」移転

宇佐美奈緒のアルバム書架」移転しました。

って新しいエントリーで単に書いてくれればSIDE Aで対応するので鳥繁.COMのMovableTypeのIDをお持ちの方はご活用下さい。

投稿者 Kirishima : 12:31

なおさんの日記正式移転。

暫定を正式にしますので、プロホスの「ささやか~」を削除して下さい。

とのことで、プロホスティングの日記へのリンクをSIDE Aから外しました。
っつーか、なおさん、コメントじゃなくても、ここに投稿すればいいのに…。

投稿者 Kirishima : 09:08 | コメント (2)

2004年09月23日

ちょっぴり

左のメニュー更新しました。

とりあえず止まってて、管理人自らすらチェックしてない掲示板とかあったら外しますから申告してください。

また、新しい更新される重要なページがあったら追加しますので教えてください。

投稿者 Kirishima : 15:22 | コメント (1)

2004年09月20日

さくぴのウェブログを設定しました。

さくぴのウェブログを設定しました。

投稿者 Kirishima : 14:20

2004年09月14日

テンプレート修正

トップのテンプレートを修正して、鳥繁.COMのバナーと、公式サイトへのバナーを個別アーカイブに表示するようにしました。

投稿者 Kirishima : 11:00

2004年09月13日

コサッキーの「雑記」移転

移転という程ではないのでしょうが、コサッキーが「雑記」をCGIで表示し、コメントが記入できるようにしたそうです。
そのため、アクセスする為のURLが変更になりましたので、SIDE Aを対応させておきました。

いちおう、旧URLから転送するようにはなっているようです。

コメントのテーブルタグ閉じわすれてるし…。

投稿者 Kirishima : 09:08

2004年09月06日

MT4i v1.81導入

ケータイでMovableTypeを見ることができるようにするCGIスクリプト、MT4iを導入しました。

MovableType用 携帯電話向け変換プログラム - MT4i

それぞれのウェブログのトップページのフォルダにmt4i.cgiというファイルを配置しましたので、そちら経由でアクセス出来ます。

鳥繁.COMのトップのウェブログ
https://www.torihan.com/mt/mt4i.cgi?id=1

かわもも
https://www.torihan.com/kawamomo/mt4i.cgi
なお
https://www.torihan.com/usamin/blog/mt4i.cgi
くりはりゃ
https://www.torihan.com/i_rain/mt4i.cgi
えるぽん
https://www.torihan.com/erupon/mt4i.cgi
かなた
https://www.torihan.com/kanata/mt4i.cgi
ウシラ
https://www.torihan.com/ushila/mt4i.cgi

なお、同一のウェブログなので、ID指定して呼び出せば、1つのCGIで呼べるのですが、外見のカスタマイズがウェブログごとに切り替わらないので、別々に設置してみたところです。
https://www.torihan.com/mt/mt4i.cgi?id=2
https://www.torihan.com/mt/mt4i.cgi?id=3
https://www.torihan.com/mt/mt4i.cgi?id=4
https://www.torihan.com/mt/mt4i.cgi?id=5
https://www.torihan.com/mt/mt4i.cgi?id=6
https://www.torihan.com/mt/mt4i.cgi?id=7
もっとも、現時点では全く同じ状態です(苦笑)。

投稿者 Kirishima : 10:54

2004年09月05日

えるぽんのウェブログのタイトル

えるぽんのひとりぶっちゃけ。、いつまでも、「MYFIRSTWEBLOG」じゃアレだと思うんで、テキトーにPhotoshopで差し替えてみました。

これは、ptn2h1.gifが該当して、背景を黒に設定した上で、黒を透過するGIFにすることでつくれます。

投稿者 Kirishima : 16:38 | コメント (1)

2004年09月04日

ウェブメール

鳥繁.COMは現在さくらインターネットのレンタルサーバープランで運用中です。
メールに関してはウェブメールが利用出来ます。

ウェブメールのログイン画面はこちらから。

https://secure.sakura.ad.jp/rscontrol/?webmail=1

たぶんメールアドレスは、@torihan.comではなく、@torihan.sakura.ne.jpを入力するんだと思います。

投稿者 Kirishima : 13:32

2004年09月02日

うしらのウェブログを設定しました。

ウシラのウェブログを設定しました。

投稿者 Kirishima : 23:16

2004年09月01日

MovableTypeの<strong><em>を<b><i>に

MovableTypeのBold(太字) Italic(斜体)は<strong><em>を使用するのですが、個人的に好みではないので、<b><i>を使用するようにします。

mt/tmpl/cms/edit_entry.tmpl
の172行付近に、

write('<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="<MT_TRANS phrase="Bold">" width="24" height="18" border="0" /></a>');
write('<a title="<MT_TRANS phrase="Italic">" href="#" onclick="return formatStr(document.entry_form.text, \'em\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/italic-button.gif" alt="<MT_TRANS phrase="Italic">" width="24" height="18" border="0" /></a>');

というのがあるはずです。このstrong、emというのがそうなので、これを

write('<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \'b\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="<MT_TRANS phrase="Bold">" width="24" height="18" border="0" /></a>');
write('<a title="<MT_TRANS phrase="Italic">" href="#" onclick="return formatStr(document.entry_form.text, \'i\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/italic-button.gif" alt="<MT_TRANS phrase="Italic">" width="24" height="18" border="0" /></a>');

と書き換えます。

投稿者 Kirishima : 12:11

MovableTypeにIMGボタンを追加

MovableType 3.0のエントリーの投稿画面にIMGボタンを追加してみました。

こんなん。
Red

文字列を選択してクリックすると、URLを訊いてくるので、すでにアップロード済の画像のURLを入力し、次のプロンプトでALT属性を設定(初期値は選択範囲の文字列)すると、<img src="画像のURL" alt="ALT属性" width="" height="" border="0">というタグを補います。

widthとheightを自動的に取得するのは面倒なんでやってません。ので各自画像を右クリックしてプロパティで画像サイズを調べるなどして対処してください。

きりしま屋: MovableTypeにIMGボタン

を見直しながら、対処法を決めました。

まずボタンの画像を用意します。

Red

画像を
/mt/images/
にアップロードします。

つぎに、
mt/tmpl/cms/edit_entry.tmpl
の175行付近に、

write('<a title="<MT_TRANS phrase="Insert Link">" href="#" onclick="return insertLink(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/url-button.gif" alt="<MT_TRANS phrase="Insert Link">" width="26" height="18" border="0" /></a>');

というのがあるはずです。これが、URL(リンク)ボタンなので、これと類似の行を作って挿入してやればいいわけです。

write('<a title="<MT_TRANS phrase="Insert Image">" href="#" onclick="return insertImg(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/img-button.gif" alt="<MT_TRANS phrase="Insert Image">" width="26" height="18" border="0" /></a>');

こんなのを挿入してみました。

で、URLで使っているinsertLink()のかわりに新しくinsertImg()を用意します。

mt/mt.js
の164行付近

function insertLink (e, isMail) {
if (!canFormat) return;
var str = getSelection(e);
if (!str) return;
var my_link = isMail ? prompt('Enter email address:') : prompt('Enter URL:', 'http://');
if (isMail) my_link = 'mailto:' + my_link;
if (my_link != null)
setSelection(e, '<a href="' + my_link + '" target="_blank">' + str + '</a>');
return false;
}

を参考にして、これにつづけて、

function insertImg (e) {
if (!canFormat) return;
var str = getSelection(e);
if (!str) return;
var my_link = prompt('Enter Image-URL:', 'http://');
var str = prompt('Edit Altanate-Text:', str);
if (my_link != null)
setSelection(e, '<img src="' + my_link + '" alt="' + str + '" width="" height="" border="0">');
return false;
}

とします。

いちいち画像のサイズ調べて入力するのが面倒な人は、ほかのエライ人のエントリを探すか、赤字の部分を削除してください。

投稿者 Kirishima : 11:36

MovableTypeにREDボタンを追加

MovableType 3.0のエントリーの投稿画面にREDボタンを追加してみました。

こんなん。
Red

文字列を選択してクリックすると、<span class=red></span>タグで囲まれます。

きりしま屋: MovableTypeにボタンを追加する

を見直しながら、対処法を決めました。

まずボタンの画像を用意します。

Red

画像を
/mt/images/
にアップロードします。

つぎに、
mt/tmpl/cms/edit_entry.tmpl
の172行付近に、

write('<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="<MT_TRANS phrase="Bold">" width="24" height="18" border="0" /></a>');

というのがあるはずです。これが、Bold(太字)ボタンなので、これと類似の行を作って挿入してやればいいわけです。

write('<a title="<MT_TRANS phrase="Red">" href="#" onclick="return formatStr(document.entry_form.text, \'span class=red\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/red-button.gif" alt="<MT_TRANS phrase="Red">" width="24" height="18" border="0" /></a>');

こんなのを挿入してみました。

で、さいごにスタイルシートに

.red {
color: #FF0000;
}

んな感じで記述します。色はここを変えればいいんじゃないかと思います。

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

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

.content .red {
color: #FF0000;
}

ですかね。

赤い文字

これでまあ、一応動作はするのですが、SPANタグの記述の仕方が気に入らないのでもう一工夫。

mt/mt.js
140行付近に

function formatStr (e, v) {
if (!canFormat) return;
var str = getSelection(e);
if (!str) return;
setSelection(e, '<' + v + '>' + str + '</' + v + '>');
return false;
}

というのがありますが、これを改良します。

function formatStr (e, v) {
if (!canFormat) return;
var str = getSelection(e);
if (!str) return;
var V = v.split(" ");
setSelection(e, '<' + v + '>' + str + '</' + V[0] + '>');
return false;
}

おそらくeが選択範囲の文字列、vがボタンをセットしたときに入力される文字列ですので、SPANの処理をする場合は、スペースで区切ってやればいいのではと。

投稿者 Kirishima : 11:25

MovableTypeにBLOCKQUOTEボタンを追加

MovableType 3.0のエントリーの投稿画面にBLOCKQUOTEボタンを追加してみました。

こんなん。
Blockquote

文字列を選択してクリックすると、<blockquote></blockquote>タグで囲まれます。

手順は、他のサイトを参考にせずに(苦笑)、自分の以前の改造を振り返りながら行ないました。

きりしま屋: MovableTypeにボタンを追加する

まずボタンの画像を用意します。

Blockquote

画像を
/mt/images/
にアップロードします。

つぎに、
mt/tmpl/cms/edit_entry.tmpl
の172行付近に、

write('<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="<MT_TRANS phrase="Bold">" width="24" height="18" border="0" /></a>');


というのがあるはずです。これが、Bold(太字)ボタンなので、これと類似の行を作って挿入してやればいいわけです。

write('<a title="<MT_TRANS phrase="Blockquote">" href="#" onclick="return formatStr(document.entry_form.text, \'blockquote\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/blockquote-button.gif" alt="<MT_TRANS phrase="Blockquote">" width="24" height="18" border="0" /></a>');

こんなのを挿入してみました。

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

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

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

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

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

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

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

同様のワザをMT3.0用にまとめてくれた方がいます。

風のまにまに号のyouthkee様が公開してたDW風編集ボタンを設置してみたがMT2.6用ぽかったのでMT3.0用に変えてみる
テスト用: おぼえがき

そして、元祖本家はこちら。

MTの編集画面にDreamweaver風のボタンを:風のまにまに号

2004年9月21日追記

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

投稿者 Kirishima : 11:17