おかえり、My Little Boy *** 三児の母の理想と現実 ***
<< 今日の晩御飯(マクロビオティック) | HOME | 今日のお弁当(幼児) >>
Movable Type モブログ画像をポラロイド風に

ポラロイド風になってるでしょ?



最近sbでブログをやっている方々に大流行している、
モブログ画像をポラロイド風にするのをやってみたくて、
プチパレブログさんを参考にチャレンジしてみました。

Trackbacks

Trackback URL : http://mylittle.boy.jp/weblog/sb.cgi/328



<2012.4.2 ブログお引越ししました> 今後は、新アドレスにて更新しますので、大変お手数ですが、お気に入りなどに入れてくださっている方、また、リンクを貼っていただいている方がおられましたら、変更をお願いいたします。
新URL → http://mylittle.boy.jp/okaeri/
感想など → GUEST BOOK
まず、モブログにログインし、管理画面に入ります。
Moblog settingの画面まで来たら、templateのところを、
<div class=\"photo\">%(imagecontent)s</div>\n%(caption)s<div style=\"clear: both\"> </div>

に変更。


それから、自分のMTのスタイルシートに、

.photo {
float: left;
background-color: #f6f6f6;
border-width: 2px;
margin: 5px 10px 4px 5px;
padding: 10px 10px 50px 10px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
background-image:url("http://ワンポイント画像のurl");
background-repeat:no-repeat;
background-position:95% 100%;
}


を追加すると、見事、写メールした写真がかわいいポラロイド風に♪


*Firefoxだと表示がおかしくなる不具合は解決しました。
DAYS > WEB | - | trackbacks (0)
にほんブログ村 インテリアブログ 北欧モダンインテリアへ にほんブログ村 インテリアブログ 北欧インテリアへ



↓関連記事はこちらからどうぞ。