写真風のフチをつける
別館サイトを作ることになり、「画像に写真風のフチをつける」カスタムで参考にさせていただいたサイト様を久しぶりにのぞいたところ閉鎖されてて、ちょっとショックだったうるるさん。ウチのブログで使ってるスタイルシートを覚え書きがわりに載せておきます。
（１）ポラロイド風のフチをつける
メインメニュー＞環境設定＞テンプレート＞スタイルシートに
/* ポラロイド風画像 */
.pora {
background-color: #f6f6f6;
border-width: 2px;
margin: 5px 10px 5px 5px;
padding: 10px 10px 50px 10px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
float: left;
}
と設定して保存・リビルド。ポラ写真を使いたい時にエントリー内で<img src="画像ファイル" alt="画像ファイル名" width="横のサイズ" height="縦のサイズ" class="pora" />と記入して保存。
ちなみにこんな感じです。
Photo by ミントBlue様
（２）写真プリント風のフチをつける
メインメニュー＞環境設定＞テンプレート＞スタイルシートに
/* 写真プリント風画像 */
.photo_print {
float: left;
margin: 6px 10px 5px 0px;
padding: 5px; /* 画像枠 */
background: #ffffe0; /* paddingを設定した場合の背景色 */
border: 1px solid #999999; /* 画像の枠線 */
}
と設定して保存・リビルド。写真のフチを使いたい時にエントリー内で<img src="画像ファイル" alt="画像ファイル名" width="横のサイズ" height="縦のサイズ" class="photo_print" />と記入して保存。
ちなみにこんな感じです。
Photo by ミントBlue様
