写真をポラロイド風にしてみる

2004.12.26 Sunday 08:22
陽菜ひよ子の名刺や販促グッズ

またプチパレブログさまでは、写真サイズによって、「ポラロイド風」「写真枠風」に分けると言う素敵なアイデアも出されています。プチパレブログさまは、モブログの小さな画像はポラロイド風という指定をなさっていましたが、わたしはモブログはしないので、個々の記事で指定することに。

まずは、Templeteで指定

.photo {
float: left;
background-color: #F9F9F9;
border-width: 2px;
margin: 5px 10px 4px 5px;
padding: 10px 10px 10px 10px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

.pict {
border: 0px solid #ffffff;
padding: 0px;
margin: 0px;
}

.rel {
clear: left;
}

.strike {
float: left;
background-color: #F9F9F9;
border-width: 2px;
margin: 5px 10px 4px 5px;
padding: 10px 10px 30px 10px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

上のphotoは、写真枠にしたい場合、下のstrikeは、ポラロイドにしたい場合です。

で、個々のエントリーで、

div class="photo">画像/div>
p class="rel">本文/p>
（タグは

div class="strike">画像/div>
p class="rel">本文/p>
（タグは

と、指定してやれば、上は写真枠風に、下はポラロイド風になります。

写真が3割り増しで素敵に見える気がします♪

Suuさま、ミキさま、ありがとうございました。

[7] beginning...
-
-

<< ジャム作りました
 初雪＠越冬ぶろぐ　と　アイスバーグ >>
[0] [top]

[Serene Bach 2.24R]