このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。 おちゃのこネットの刑部です。
今回のデザイン道場は、先日アップロードされたメイン画像複数設定時のサムネイル画像で、選択時の画像に枠を付ける方法をご紹介します。

	http://cafe0808.ocnk.net/

管理画面→デザイン管理→スタイルシートの編集をクリックして下さい。

下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

.photo_on img {
border: 2px solid #FF0000;
}

編集後、「登録処理を完了する」ボタンをクリックして下さい。

.photo_on img について

2pxの枠線を表示します。 #FF0000が枠線の色となります。 .photo_onが画像選択時にサムネイル画像に適用されるclass名となります。 このclass名を親要素に指定することで、背景色を付けたり、背景画像を指定することも可能です。 是非ご活用下さいませ。