September 28, 2006

レイアウトを少し変更しました

Category: MT Installation and Customize

ほとんど見た目は変わりないと思いますが（笑）、
レイアウトを若干変更しました。

理由は、ブログの幅を固定して、
少し大きな画像を投稿出来るようにしたいと思った為です。
以前は大きな画像を表示させるのは難しかったのですが、
通信環境がどんどん進んできて、綺麗な写真を載せているブログを多く見るようになりました。
写真を中心にしたブログにはするつもりではありませんが、ちょっと変えてみました。


以下は変更の為のメモです。

ブログの幅を950pxに固定：
各テンプレート
Main Index
Category Archive
Date-Based Archive
Individual Entry Archive

に以下の全体を囲む<div>タグを追加。

<body>
<div style="width:950px; margin:0 auto;">
.
.
.
.
</div>
</body>


アップロードした画像が、中央に配置されるように以下の部分を変更
変更するファイル：
[MTのディレクトリ]/lib/MT/App/CMS.pm

変更部分
3606行辺り（それぞれの設定によって変わると思います）の以下の部分、

<a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>
HTML
} else {
return <<HTML;
<img alt="$fname" src="$url" width="$width" height="$height" />
を、以下のように変更(赤い部分を追加）。

↓　↓　↓

<p align="center"><a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a></p>
HTML
} else {
return <<HTML;
<p align="center"><img alt="$fname" src="$url" width="$width" height="$height" /></p>

これで、少し大きな画像をアップして、ブラウザーのサイドバーを開いても、レイアウトが崩れるという事はなくなったと思います。
しかしこれでますますピンボケやブレブレの写真はアップできなくなりました（笑）
画層がセンターにあるのは好みの問題があると思いますが・・・

Posted by Hiro : September 28, 2006 08:23 PM
Add this entry to your bookmark
ブックマークに追加する
TarackBack URL
http://herethere.cressel.com/mt/htb-tr2.cgi/1240
TarackBack List

COMMENTS
Place Your Comment





Address required but will not be shown
(メールアドレスは必須ですが、表示されません）




Remember Name, E-mail, URL ? 

Check to receive E-mail when new comments arrived:
コメントに返信があった場合メールで受け取る: