Coo?le

いやーコメントなんてツカネーだろうと腹くくってたので、今日まで気づきませんでした
某匿●さんありがとう御座います！(ほぼ名指ｓ…ゲフンゲフン)

さて、今回は色々助かったのでSourceも少し公開していくのん
(タグ処理されないように##を＃＃に書き換えています、実際参考にする場合はご注意を)

【前回の時】


以下HTML　Body部分

<div style="background-color:#ffffff; margin:5px;">

＃＃entry_title＃＃<br />
<span style="color: rgb(14,119,74);">
<font size="1">DAT:##entry_id##//--.##entry_date_h##:##entry_date_mi##/##cat_name##/<br />
</span></font>



<p style="font-size:11pt;line-height:13pt;">
<!--    素材から呼び出しは成功したので保存    -->
<img src="＃＃img_mat_url(QR_URL)＃＃"
style="float:right;vertical-align:top;" align="right" valign="top" /><br />

##entry_body##</p>
<br style="clear:left;" clear="left" />
<div style="clear:left;" clear="left"></div>

<div style="text-align:right;" align="right">
<span style="color: rgb(65,105,225);">>> Load Memory<br /></span>
<font size="2">クレーム:0件</font>
</div>
</div>


上記＃＃img_mat_url(QR_URL)＃＃はワタクシが個人で持っている素材管理にある画像
これは素材管理・独自タグから調べることが出来るんだけど、これを使って貼り付ける画像をURL化していた

そして今期、めでたく助力頂いたのでしたいLayoutになりますたん！


記事と一緒に投稿した画像のサムネイルが左寄せ、続く本文は空白から埋めるようになっております！
(*´д`)人 真に有難う御座いました！

んでは、実際変えた部分を公開(上記過去HTMLで赤に着色した部分を変更しています)

<!--body-- 2012/04/03 updata-->
<div style="background-color:#ffffff; margin:5px;">

＃＃entry_title＃＃
<span style="color: rgb(14,119,74);">
<font size="1"><br />DAT:##entry_id##/##cat_name##/,##entry_date_m2##,/##entry_date_h##:##entry_date_mi##/
</span></font>



<p style="font-size:11pt;line-height:13pt;">
＃＃entry_img_link(<img src="http://img.mblg.tv/upload/ID頭文字/ID全文/entry/＃＃entry_id＃＃_th.jpg" style="float:left;vertical-align:top;margin:5px;" align="left" valign="top" />)＃＃
＃＃entry_body＃＃</p>
<br style="clear:left;" clear="left" />
<div style="clear:left;" clear="left"></div>

<div style="text-align:right;" align="right">
<span style="color: rgb(65,105,225);">>> Load Memory<br /></span>
<font size="2">クレーム:0件</font>
</div>
</div>

上記の
/ID 頭文字/ID全文/は、たとえばエムブロ登録IDが orobianco ていう人なら
/o/orobianco/になる

なお今回は文章を上からきっちり余白に詰めたかったので
vertical-align:top;margin:5px;
valign="top"
の2つも追加している
コレがない場合は画像の底辺と同じ高さの行から本文を書き出してしまい、余白があいてしまう
この指定をすると、書き出しを垂直方向で上から開始するようになる


そしてこの色で書いた部分にて、文字が画像へ回りこむようになっている指示を取消し
垂直方向は別に取消しせんでもええかなーと思って無しにしますた


という感じで合っていますでしょうか？！(←
いや多分あってると思いますが、LayoutチェックがPCからコンバートした表示とiOS5.0.1のみなので…




とりまスマホ利用者から意図した通りに見えていたらそれでイイオ！！
HTML Sourceは見せたら「┣¨素人」なのがバレちゃうから嫌だったんだけどなー

(ノд＜。)こっちの人じゃないから許してネ！

以下ついでに参考メモ
あなたの笑顔を待ってる人が何処かに さま