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;
コメント
スタイルシートに追加するのはどこに入れてもいいですが、自分でわかりやすいようにまとめたほうがいいかな?って思います。
{}はもちろん必要ですよ。でもこのスタイルはすでにあるので追加という意味で書いてません。ちょっと説明不足だったかな…;;
自分で考えよと叱られそうですが;;;;;;
ええと、スタイルシートに書き足す文ですが、#centerの下の方に入れたのですがいいのかな?
それと
.content p.posted{
clear: both;
}
のように{}でくくらなくても良いのでしょうか?
今週少し忙しく毎晩出かけなくてはいけないので、落ち着いて考える暇がありません(考えても解らないんですけどね;;;;;;)
MTの中には500個程のファイルがあるので把握するのは大変ですよね。少しづつカスタマイズしていく楽しみはありますけど。
XPでも問題ないですか。ありがとうございます。でもあだまだこれからなんですよね、CSSいじるのは。
kagaさんありがとうございました。
あの構文の在り処を探していたのですが
そんなところにあったのですね・・・・・・
早々に参考にさせて頂きました。
おかげでうまくいった様です・・・・・m(_ _)m
さっそくMTインストールされたようで、こちらでは問題なく見られます。
(windowsXP IE6.0)
MovableType+何何…で検索するといろんなところを発見できて役立ちます。
まだマックでしか検証してないのでwinではもしかしたらうまくいってないかもしれません。