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

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

Newer
Older

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

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 が起動しない
前回の記事: movable type 検討中の項目

コメント:2

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

トラックバック:0

この記事へのトラックバックURL 記事への言及のないもの等は削除する場合があります。また、スパム判定ですぐに反映されない場合があります。: http://www.sky-s.net/sky-blog/archives/2006/03/24-232653.php/trackback
この記事と関連のあるサイトへのリンク: 写真画像をセンターに配置する from sorarium

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