TEMTEM★倶楽部
FC2・テンプレート制作用ブログ♪
2007年
08月01日
(水曜日)
Q&A:画像の枠
[No.8] 20:29
Q1.記事内の画像の枠を写真風にするにはどうすれば良いですか?
A.以下の方法で試してください。
(ブログ・ヘルプのカスタマイズ・マニュアルにも載ってます)
【方法】
「スタイルシートの編集」内、
「entry-body」は記事内を表しますので、記事内の画像にしか反映されません。
「padding」は、余白の太さ、
「background-color」は、余白の色、
「border」は、外枠の太さ(1px)と枠模様と枠の色、
を指定します。
“solid”は線、“dotted”は点線です。
これだけだと、絵文字にも反映されてしまうので、以下の赤太文字タグを追記してください。
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;
}
