カテゴリー : MT_CUSTOMIZE

favicon.ico

表紙となるページを閲覧したときにブラウザのタブに表示されたり、ブックマークしたときにサイトのアイコンとして表示されるfavicon.icoを作って表紙に設定してみました。やった事は簡単なことで16×16のアイコンを作成して、topページのディレクトリにuploadし、topページのheadタグの中に

<link rel=”shortcut icon” href=”http://tom.jellybean.jp/blog/favicon.ico” />

を追記しただけ。ちゃんとタブに表示されてます?

t-Diaryのツッコミ風。

トップページの各エントリーにコメントが付けば、エントリーの下に表示されるようにしたんですが、イマイチしっくりこなかったので色々試してみました。まずデフォルトでコメント自体が自動で改行されて記録されるようにしているので、convert_breaks属性を使いプレーンなコメント文を作った。
そしてt-Diary風にある字数を越えると「…」で省略するような事はできないかとDocumentsを読んでいると”trim_to”と言う属性が使えそう。そしてこれをつけて表示したら一応それっぽくなった。
しかしながらMTのタグで呼び出すコメントの本文は<p>でくくられておりコイツがあるおかげでこの前後にある部分が改行されて

■tomoya [

俺も自分で確実にそう思う・・・。ていうか以前に誰か...

] @ 2月2日 6:37

のように表示されてしまう。
こりゃいかんなぁと言うことでさらに調べると、指定タグ以外を取り除くsanitize属性が使えそう。
それで出来たのが下の部分。

<MTComments lastn="5">
<div class="comment-main">
<a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>" onclick="OpenComments(this.href); return false">
<b class="hot">■</b></a>
<b><$MTCommentAuthor spam_protect="1" show_email="0"$></b>
[<$MTCommentBody convert_breaks="0" sanitize="a href" trimj_to="50"$>] @
<MTDatej>
<$MTDatejMonth$>月<$MTDatejDay$>日</MTDatej><$MTCommentDate format=" %k:%M"$>
</div>
</MTComments>

ちなみに上の中で日付部分は『M’s folder』さんとこの『MT 和風日付表示プラグイン』、そして本文の長さを短縮した時におきる文字化け予防対策に『mt-trimj.pl』も使わせてもらってます。

スタイルいじり。

今日はスタイルシートを弄ってみた。CSSはあなどれん。ほんの少しの違いでパーツがとんでもないところに飛んでいってしまう。
とりあえず今回はMain Indexのおおまかな骨組みを下のような感じにしてみた。

#container {
background:#FFF2E5;
width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
padding: 0px;
border: 1px solid #666;
}
#content {
background:#FFF2E5;
margin: 0px 250px 0px 0px;
padding: 0px 0px 0px 5px;
border-right: 1px solid #666;
}
#links {
float: right;
width: 240px;
background:#FFF2E5;
margin-left: 0px;
padding-right: 5px;
}

全体をcontainerで囲って幅を750pxに固定し(ここで800×600の解像度のモニターに決め打ちして横幅を800pxに固定してしまうとスクロールバーの部分があるので横スクロールバーが出てしまう。)左右のmarginはautoにしておく。右側の部分であるlinksをfloatさせて幅を240pxに固定、本文contentは右margin幅を250pxに固定。これで大事な点はindex.htmlの中ではcontainerの中にlinksの部分を先に書き、contentの部分をその後に続けて書くこと。

アーカイブ関係は弄ってないので統一性がなくなってしまいました。

右のカレンダー

おやっ?カレンダーが表示されとらん。月が替わると新しいエントリーがあるまでカレンダースクリプトは・・・?やっぱりそうだよなぁ。まぁ良しとしよう。

携帯から・・・

MOVABLE TYPEを色んな携帯から閲覧し、投稿が出来るCGIを見つけたので、設置してみました。携帯から画像は見れますが、残念ながら画像投稿が出来ません。
そして試しに投稿してみました。
ちなみにこのBlogの携帯用サイトはココです。