写真画像をセンターに配置する

デフォルトでは、左に寄るようになっている画像の位置を、センターに。うちのサイトでは、画像が大きいもんだから、まわりこみとかしないので、別にかまわないのだ。よく見かけるのはレフトかライトに寄せて画像にシャドウをつけたりしてまわりこませるテクニック。いやー、別にそこまでしなくていいから、いちいち手打ちで

<div style="text-align:center;">
<img src=" ">
</div>

うつのはうんざりしてしまって。

解決するには、lib/MT/App/CMS.pmをいじってみればいい、とのこと。3597行目。

my $link = $thumb ? qq(<div style="text-align:center;">
<img src="$thumb" width="$thumb_width" height="$thumb_height" 
alt="" hspace="5" vspace="5" /></div>) : q{<MT_TRANS phrase="View image">};
 return $app->translate_templatized(<<HTML);
<a href="$url" onclick="window.open(‘$url’,’popup’,’width=$width,height=$height,
scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,
menubar=no,status=no,left=0,top=0′); return false">$link</a>
HTML
} elsif ($q->param(‘include’)) {
if ($thumb) {
return <<HTML;
<div style="text-align:center;"><a href="$url">
<img alt="$fname" src="$thumb" width="$thumb_width"
 height="$thumb_height" hspace="5" vspace="5" /></a></div>
HTML
} else {
return <<HTML;
<div style="text-align:center;">
<img alt="$fname" src="$url" width="$width" height="$height" 
hspace="5" vspace="5" /></div>
HTML
}

hspaceとvspaceをそれぞれ加えるのと、私は<img ="">を<div style="text-align:center;"></div>ではさみました。そうすると、upload後生成されたhtmlにこのタグが追加された状態でできあがります。あーらくちん。

【参考記事】
我楽
http://blog.garaku.cc/archives/2004/10/21_1158.php