モブログのエントリ追加で文字を画像の右へ回り込み

  • 投稿日:
  • by
  • カテゴリ:

【その1】 https://moblog.uva.ne.jp の設定

 もともと文字を先に出力されては画像への回り込みが出来ないので
これを修正。

moblog.uva.ne.jpログオン後の
Configure moblog setting:に有る
template欄を変更 

<div class=\"photo\">%(imagecontent)s</div><div class=\"caption\">%(caption)s</div>"
#【注意】この記述は <>に全角を使っているのでそのままコピペはできません 


【その2】MovableType管理画面でテンプレートの修正

.photo クラスに float: left;
を追加。

【その3】回り込み停止
 スタイルテンプレートの中に Clear: both; を追加

.content p.posted {
clear: both;
color: #999999;

 これで ラ×××ドアと同じ表示になりました