アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！

2009.4　アメブロの画像表示方法変更により自動でできるようになりました

ＣＳＳ　自動でポラロイド風に・・・

画像をポラロイド風にします

写真の下に１ポイントの画像を入れてみます

また例のごとく青字をCSSにコピペ

/* ポラロイド風 */
.pola {
background-color: #ffffff;
margin: 5px 10px 5px 5px;
padding: 10px 10px 40px 10px;
border-width: 2px;
border-style: solid;
border-color: #dce3e3 #c1c1c1 #c1c1c1 #dce3e3;
background-image:url(1ポイント画像のURL);
background-repeat:no-repeat;
background-position:95% 98%;
}

記事を書いて画像を貼り付けて

<a href="http://stat.ameba.jp/user_images/d3/c2/10027117.jpg " target="_blank"><img class="pola" height="165" alt="ポラロイド風" src="http://stat.ameba.jp/user_images/d3/c2/10027117_s.jpg " width="220" border="0" /></a>

HTMLタグを表示で　class="pola" を加えるだけです