記事に掲載する写真等の画像に枠をつけて立体的にみせる方法を紹介します。
スタイルシートの一番下に次の記述を加えます。
【 standard の場合 】/* 記事に掲載する画像に枠を付ける*/
.article img{
margin:0px 3px 0px 0px;
padding: 3px;
background: #ffffff;
border-right: #999999 1px solid;
border-bottom: #999999 2px solid;
}
img.emoji {
padding: 0;
margin:0;
background: #ffffff; /* ここには背景と同じ色を設定 */
}
【 lightframe の場合 】/* 記事に掲載する画像に枠を付ける*/
.ently_text img{
margin:0px 3px 0px 0px;
padding: 3px;
background: #ffffff;
border-right: #999999 1px solid;
border-bottom: #999999 2px solid;
}
img.emoji {
padding: 0;
margin:0;
background: #ffffff; /* ここには背景と同じ色を設定 */
}
そして最後にHTMLの一番上にある
<?xml version="1.0" encoding="euc-jp"?>これを削除してください。
(IEにはこの記述があるとimgのpaddingが効かないというバグがあるのです)
これで記事に掲載する画像に立体的な枠が出来ます。
- 関連記事
-