FC2ブログのテンプレート工房

lightframeシリーズのプラグインカテゴリ３のデザインを変えるカスタマイズを紹介します。

standardシリーズをお使いの方は別記事のこちらを参考にしてください。

スタイルシートを編集します。

/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline {
border-top: #e0e0e0 2px solid; /* 個別枠(上) */
border-right: #e0e0e0 2px solid; /* 個別枠(右) */
border-bottom:#e0e0e0 2px solid; /* 個別枠(下) */
border-left: #e0e0e0 2px solid; /* 個別枠(左) */
margin-bottom:20px;
}
.plugin3_title {
font-size:10pt; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#555555; /* 文字色 (タイトル) */
background-color:#f0f0f0; /* 背景色 (タイトル) */
border: #666666 1px solid; /* 枠 (タイトル) */
padding:5px 20px;
}
.plugin3_body {
font-size:10pt; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
border-top: #e0e0e0 1px solid; /* 枠(上) (本体) */
border-left: #666666 1px solid; /* 枠(左) (本体) */
border-right: #666666 1px solid; /* 枠(右) (本体) */
border-bottom:#666666 1px solid; /* 枠(下) (本体) */
padding:5px 20px;
line-height: 1.3; /* 行間 (本体) */
}
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */

上記各項目の値を変えるとプラグイン３のみデザインを変えることが出来ます。line-heightは行間を変えたいときに加えてください。