[更新状況]

POCHIKINGさんの 画像に自動的に影をつけてテキストを回り込ませるや

朝飯前さんの画像（写真）にフチや影をつける方法を参考にせっせとカスタマイズ。

ん〜。MT3だから？？なぜ？？・・・なかなかうまくいきません。

影がついたと思いきやテキストが回りこまず・・・。

もう何をどういぢったのかわからなくなってきた。

けど。

なんだかできちゃったみたい★























とりあえず修正したところをメモ。

lib/MT/App/CMS.pmの1970行目辺り。

return <<HTML;<br /> <div class="img-fuchi" style="width: $width px;"><a href="$url"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a></div><br /> HTML<br /> } else {<br /> return <<HTML;<br /> <div class="img-fuchi" style="width: $width px;"><img alt="$fname" src="$url" width="$width" height="$height" border="0"/></div><br />

スタイルシートに以下を追加

div.img-fuchi {<br /> float: left;<br /> line-height: 160%; <br /> font-size:9px;<br /> background-image: url("shadow_001.gif");<br /> background-repeat: no-repeat;<br /> background-position: bottom right;<br /> margin: 8px 5px 10px 5px;<br /> padding: 0px;<br /> position: relative;<br /> }</p> <p>div.img-fuchi img {<br /> background-color: #FFFFFF;<br /> border: 1px solid #A9A9A9;<br /> margin: -5px 5px 5px -5px;<br /> padding: 4px;<br /> position: relative;<br /> vertical-align: bottom;<br /> }<br /> .posted {<br /> clear: left; <br /> }<br />

画像をアップロードする際にstyle="width: ○○px;"の数字を10px足してOK！

ついでに。

モブログで使用させてもらっているmoblog.uva.ne.jpの

アカウント設定部分のimage templateには↓このように修正。

<div class=\"img-fuchi\" style=\"width: 130px;\"><img src=\"%(imageurl)s\" />

携帯からは120pxでの画像UPなので130pxに指定。

これでモブログからも画像に自動的に影をつけてテキストを回り込ませるができました。

2005,03,17 : 01:36 | CM (0)