Home > Movable Type > 写真画像をセンターに配置する

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

2006-03-24 (金) 23:26
Movable Type

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

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

解決するには、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

Newer: photoshop 7.0 が起動しない
Older: movable type 検討中の項目

Comments:2

tr 06-04-25 (火) 16:01: CSSとして間違っています
そら 06-04-26 (水) 21:54: text-alignですね。
そのうち修正します。
ご指摘どうも。

Trackback+Pingback:0

この記事へのTrackBack URL 記事への言及のないもの等は削除する場合があります。また、スパム判定ですぐに反映されない場合があります。: http://www.sky-s.net/sky-blog/archives/2006/03/24-232653.php/trackback
Listed below are links to weblogs that reference: 写真画像をセンターに配置する from sorarium

Home > Movable Type > 写真画像をセンターに配置する