画像の回り込み

こんな感じに、画像を回り込むようにしました。
ただし、簡単なのですが・・・・ｗ

今回もぐぐってたら、ごみのやまさんの記事又もや発見。今回も参考にさせてもらいました。

で、方法は凄く簡単です。

MTのルートから見て、lib/MT/app/CMS.pmの中にある、

<div class="code"> if ($thumb) {
return <<HTML;
<a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" border="0" /></a>
HTML
} else {
return <<HTML;
<img alt="$fname" src="$url" width="$width" height="$height" border="0" />
HTML
}</div>

ここの一部に追記します。本当に簡単です。
width="&thumb_width"と、width="$width"の直前に、　class="img_L"　ってぶちこむだけです。
厳密にいうと、CSSに定義したfloat用のstyleの定義名をぶちこむだけです。

で、終わったら保存してCSSに追記します。

.img_L{
float: left;
border:
none;
margin-right:8px;
margin-top:4px;
}
.img_R{
float: right;
border: none;
margin-right:4px;
margin-top:4px;
}

こんな具合で。微調整はお好みで。
ちなみに俺は、img_Rの方を指定してます。回り込みたくないときは手動で削ってますｗ　これも考えねば・・・