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

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、スマホ版のヘッダー欄の背景色や背景画像を変更する方法をご紹介します。





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

スマートフォン管理→スタイルシートの編集から指定します。
ただし、ご利用テンプレートのデフォルトのCSSによって指定が異なります。

下記の例では、デフォルトで背景画像と罫線の指定があるテンプレートの背景を背景色のみの指定にしています。
background-imageを非表示にし、罫線も削除しています。
背景色の必要に応じて、colorの文字色指定も追加してください。


#header {
background-image: none;
border-bottom: none;
background-color: #F5F5F5;
}



下記の例では、デフォルトの背景画像を変更します。
ご自身で作成いただいた、背景画像を画像専用管理画面にアップロードし、ファイル名部分を変更してください。

#header {
background-image: url(image/ファイル名);
}

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

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

Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.