« TransPoser 2 & InstantViz | Blog Top | コメント欄自動リンクを_blankにする »


2005年2月24日

サムネイル画像の配置

MovableTypeでブログをやっていこうかと思っています。公開&移行の前に満足いく体裁になるようにこれから奮闘します。
まず最初はサムネイル画像を本文回り込みで左に配置する。
ここを参考にしています。
MandraChips: エントリーの画像回り込み改造

lib/MT/App/CMS.pmを編集します。
1962行目

my $link = $thumb ? qq(<img src="$thumb" width="$thumb_width" height="$thumb_height" border="0" align="left" />)
: "View image"

1970行目
<a href="$url" target="_blank"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" align="left" /></a>
という具合に赤字部分を追加します。

cssファイルに下記スタイルを追加

.content img{
margin-right: 8px;
margin-bottom: 8px;
}

.content p.posted
clear: both;

2005年2月24日 22:24[MT & WP]

コメント (5)

kagaさんのコメント:

MovableType+何何…で検索するといろんなところを発見できて役立ちます。
まだマックでしか検証してないのでwinではもしかしたらうまくいってないかもしれません。

kaga : 2005年2月24日 23:25

matsuさんのコメント:

kagaさんありがとうございました。
あの構文の在り処を探していたのですが
そんなところにあったのですね・・・・・・
早々に参考にさせて頂きました。
おかげでうまくいった様です・・・・・m(_ _)m
さっそくMTインストールされたようで、こちらでは問題なく見られます。
(windowsXP IE6.0)

matsu : 2005年2月25日 01:09

kagaさんのコメント:

MTの中には500個程のファイルがあるので把握するのは大変ですよね。少しづつカスタマイズしていく楽しみはありますけど。
XPでも問題ないですか。ありがとうございます。でもあだまだこれからなんですよね、CSSいじるのは。

kaga : 2005年2月25日 08:06

k-matsuさんのコメント:

自分で考えよと叱られそうですが;;;;;;
ええと、スタイルシートに書き足す文ですが、#centerの下の方に入れたのですがいいのかな?
それと
.content p.posted{
clear: both;
}
のように{}でくくらなくても良いのでしょうか?
今週少し忙しく毎晩出かけなくてはいけないので、落ち着いて考える暇がありません(考えても解らないんですけどね;;;;;;)

k-matsu : 2005年2月25日 11:25

kagaさんのコメント:

スタイルシートに追加するのはどこに入れてもいいですが、自分でわかりやすいようにまとめたほうがいいかな?って思います。
{}はもちろん必要ですよ。でもこのスタイルはすでにあるので追加という意味で書いてません。ちょっと説明不足だったかな…;;

kaga : 2005年2月25日 11:53

コメントする