タグ: インライン を抽出しています。
Total: 2

写真のインライン表示2

2009/4/15 21:04
写真をインラインで表示
http://www.rottel.net/staff/2675
からのバージョンUP。

いちかわさんのリクエストを即日実装。
http://www.rottel.net/ITIKAWA/46290

CSSの
clear:right
clear:left
を実装しました。

[clear|right]
[clear|left]
と書きます。

こんな感じになります。
http://www.rottel.net/kuwa/46337

写真をインラインで表示

2007/12/5 00:58
写真を本文内に挿入できるようにしました。

手順としては、
投稿フォーム(or 編集フォーム)のファイル一覧でインラインにチェックします。すると本文の一番最後に[img|88]のような文字列が追加されます。その文字列を挿入したい場所に移動します。

画像挿入の書き方には、いくつかのオプションがあります。
最小単位は、
[img|fileID]
フルオプションは、
[img|fileID|回り込み|画像幅|回り込み解除]
になります。

fileID: チェックした時に挿入される数字を参照して下さい。
回り込み: 「left」か「right」
画像幅: pxの数字を入れて下さい。100〜450が有効です。
回り込み解除: 「clear」をいれることで、その画像の上で回り込み解除

以下、適当にサンプルです。

[img|86|left|150]
たとえば左寄せの幅150px。

[img|88|right|200|clear]
上で回り込みを解除して、右寄せの幅200px。

[img|87||clear]
上で回り込みを解除して、幅指定なし。幅を指定しない場合は画像のオリジナル幅になります。ただし450px以上の場合は450px。

[img|87|left|120][img|86|left|120][img|88|left|120][clear]
画像を横に並べた場合。その下、回り込みを解除させたい時は、[clear]を付けます。

[img|86] 最小単位での表示。

これで、けっこう制御できると思うのですがいかがでしょうか。
センタリングはありません。高さ指定もありません。
前 | 1 | 次

Rottel内コンテンツ

ユーザー一覧

Rottelとは?
利用規約
開発飲料
利用者の声
ヘルプ
close