2006年9月28日

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

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

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


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

ブログの幅を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>

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


当サイトの関連記事

Bookmarks

  はてなブックマーク - レイアウトを少し変更しました   

トラックバックURL

このエントリーのトラックバックURL:
http://herethere.cressel.com/mt4/mt-tb.cgi/815

コメントする


お詫び:コメント投稿後に反映まで時間がかかったり、
エラーが表示される事がありますが殆どの場合正常に投稿されます。
暫く待って、INTERNAL SERVER ERROR等が表示された場合、
そのままブラウザーの「戻る」ボタンで前の画面に戻ってください。
コメントは正常に投稿されているはずです。