TEMTEM★倶楽部

FC2・テンプレート制作用ブログ♪

2007年

08月01日

(水曜日)

Q&A:画像の枠

Q1.記事内の画像の枠を写真風にするにはどうすれば良いですか?

A.以下の方法で試してください。
(ブログ・ヘルプのカスタマイズ・マニュアルにも載ってます)

【方法】
「スタイルシートの編集」内、
div.entry-body img {
padding : 3px;
border : 1px solid /*dotted*/ #c8b693;
background-color : #ffffff;
}
のソースをどこでも良いので、入れてください。

「entry-body」は記事内を表しますので、記事内の画像にしか反映されません。
「padding」は、余白の太さ、
「background-color」は、余白の色、
「border」は、外枠の太さ(1px)と枠模様と枠の色、
を指定します。
“solid”は線、“dotted”は点線です。

これだけだと、絵文字にも反映されてしまうので、以下の赤太文字タグを追記してください。

/* 絵文字 */
.emoji{
border : 0px;
vertical-align:middle;
margin : 2px 0px 0px 0px;
padding : 0;
background-color : transparent;

}

HOME