おちゃのこ通信 Vol.145 - デザイン道場 - おちゃのこネットメールマガジン

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

皆さん、こんにちは。おちゃのこネットの刑部です。
本年もよろしくお願い致します。
皆さんのお役に立つようなデザイン改良をご紹介して参ります。
今年最初のデザイン道場は、昨年末にアップしたオーダーメイド設定の各項目間に罫線を入れる方法をご紹介します。
これから数回に分けて、オーダーメイド関連のカスタマイズをご紹介します。

	http://cafe0808.ocnk.net/

スタイルシートを編集する

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

スタイルシートの編集画面に下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

.order_item {
border-top: 1px dotted #000000;
padding: 5px;
}

.order_item

border-top: 1px dotted #000000;
padding: 5px;

border指定が罫線で、1ピクセルの点線を黒色で入れています。
線を太くする場合は、1pxの数値を大きくしてください。
実践にする場合は、dottedをsolidに変更してください。
色を変更される場合は、#000000をご希望のカラーコードに変更してください。
paddingは、余白指定となります。

なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php