旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3&t=85
華 2005-04-02 08:58:25
件名 ：画像にポラロイド枠を付けたいのに
ブログの画像にポラロイドのような枠を付けられると
カスタマイズマニュアル(http://blog.fc2.com/custom_manual/#m006 )にあったのですが、
「画像を使って記事のエントリーを行うと自動的に挿入される画像挿入タグ」を
どこで見つけられるのか、
どうやったら変更できるのか
わからなくて困っています。
今は、CSSのエントリー欄に
p span img {
padding : 5px; /* 写真の余白を5pxに設定 */
background-color : #fff; /* 写真余白部分の色を白色に設定 */
border : 1px solid #000; /* 写真枠部分の色を黒色に設定 */
}
を追加した状態です。
どなたかご存知の方はいらっしゃいませんでしょうか？
このコミュニティにご参加頂くと、コメントの書き込みができます
CFDN 2005-04-02 09:29:48
件名 ：画像の枠
自分でマニュアル書いておいて何ですが、枠を付ける画像を指定出来る分、こちらの方法がスマートかもしれません（謎）。
スタイルシートに以下の内容を貼り付けます。
marginやpaddingなどの余白等、線種、色はお好みで変更して下さい。
/* 枠付の画像（投稿時に自分でクラスを設定する必要があります） */
.pics {
padding : 5px;
background : #fff;
border : 1px solid #e3dcd0;
}
/* 枠付の画像を左側に回り込み（投稿時に自分でクラスを設定する必要があります） */
.pics-l {
float : left;
margin : 0 10px 5px 0;
padding : 5px;
background : #fff;
border : 1px solid #e3dcd0;
}
/* 枠付の画像を右側に回り込み（投稿時に自分でクラスを設定する必要があります） */
.pics-r {
float : right;
margin : 0 0 5px 10px;
padding : 5px;
background : #fff;
border : 1px solid #e3dcd0;
}
画像を投稿する際にクラス名を追加して投稿して下さい。
例）画像を左側に回り込ませる場合
<img src="画像のパス" width="画像の幅" height="画像の高さ" alt="代替テキスト" class="pics-l" />
回り込みを行わない場合はclass="pics"、右側の場合はclass="pics-r"です。
尚、画像貼り付け機能を使うと自動で<br clear="all">が付加されますので、手動で取り除いて下さい。残っていると正しく動作しません。
詳しい使い方とか、ウチのブログのソースを見るといいかもしれません。