このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。
皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、スマホ版のヘッダー欄の背景色や背景画像を変更する方法をご紹介します。
スマートフォン管理→スタイルシートの編集から指定します。
ただし、ご利用テンプレートのデフォルトのCSSによって指定が異なります。
下記の例では、デフォルトで背景画像と罫線の指定があるテンプレートの背景を背景色のみの指定にしています。
background-imageを非表示にし、罫線も削除しています。
背景色の必要に応じて、colorの文字色指定も追加してください。
#header {
background-image: none;
border-bottom: none;
background-color: #F5F5F5;
}
#header {
background-image: url(image/ファイル名);
}
Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.