MT3.1・自動で画像にテキスト回り込みを


アップグレードで細かい改造が一気にすっ飛んでおります。
(そんなことだろうとは思いました)

回り込みに関しては、写真によってぼちぼちclassの値を変えているのですが、それでも自動で入ってくれた方が手間が省けますので、再度改造しました。

以前、ごみのやまさんの「画像にテキスト回り込み」エントリを参考に作業したので、特にやり方は書かなかったのですが

飽きてきたんでそろそろ消去するかもです。

という不吉な文字を目にしたので、覚え書きだけ簡単に残しておきます。
といっても私は門前の小僧なので、あくまでも自己責任でお願いいたしますね~。

  1. mt/lib/MT/app/の中にある CMS.pm の1939行目辺り(3と若干行数が違うようです)に以下のコードがありますので探します。
    <a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>
    (「Download file」で検索するとそのちょっと上にありますので、見つけやすいです)
  2. 元のコードにclass名(太字部分)を加えます。
    <a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" class="mob" /></a>
    class名は自分で決めたものでかまいません。忘れないようにメモしておきましょう。
  3. スタイルシートに、2で決めたclassを設定します。 うちはこの二種類が画像用のclassです。ご参考まで。

    ・枠つき
    .mob{
    float: left;
    margin:3px 8px 3px 8px;
    padding:5px 5px 10px 5px;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #C0C0C0;
    }

    ・枠なし
    .img_L{
    float: left;
    border: none;
    margin-right:8px;
    margin-top:4px;
    }
    基本は左寄せです。もちろんfloat: rightにすれば右寄せになります。


以上です。
これで「ファイルのアップロード」から画像をアップロードすると、書き出されるソースに回り込みが付記されます。

トラックバックURL

このエントリーのトラックバックURL:

トラックバック

http://diary.goldfishbowl.org/archives/2005/01/mt31.html from diary
MT3.1・自動で画像にテキスト回り込みを: *vitalage*blog MT... [続きを読む]

Tracked on 2005年01月14日 04:29

サムネイル表示に対応 from What's New & Occasional Diary
サムネイル表示のテスト。 写真は、ウチのハンナ。 (携帯の待受けにも使ってる。←親バカ?) このブログがあるサーバーには、Image::Magickがないので... [続きを読む]

Tracked on 2005年01月29日 18:03
コメントしてください




保存しますか?