ログイン、検索、カートに入れる等の各ボタン色を変更したい

2008-10-28 12:08
背景画像の変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。

「デザイン管理」>「スタイルシート編集」

(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。

(2)スタイルシート内の下記の箇所を編集して下さい。
この部分は基本的に、背景画像(background-image部分)により設定しています。
ボタンの色を変更されたい場合は、背景画像を変更していただくか、または、背景画像を削除し、背景色(background-color)にて設定して下さい。

【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。

●背景画像を変更される場合
背景画像を変更された際、文言部分の色の変更が必要な場合は、color部分を編集して下さい。

/* フォームボタン強調 */
.bot_b input {
padding: ****;
background-color: ****;
background-image: 【背景画像…こちらに背景に使用したい画像のURLを記入します;
color: 【こちらの数値を任意のカラーコードに変更します】;
font-weight: ****;
}

例)

background-image: url(img/bot_bg.gif);
color: #FFFFFF;


●背景色にて変更される場合
この場合、背景画像の部分background-image: url(img/bot_bg.gif);の行は削除して下さい。
背景画像を変更された際、文言部分の色の変更が必要な場合は、color部分を編集して下さい。

/* フォームボタン強調 */
.bot_b input {
padding: ****;
background-color: 【こちらの数値を任意のカラーコードに変更します】;
color: 【こちらの数値を任意のカラーコードに変更します】;
font-weight: ****;
}

例)

background-color: #000000;
color: #FFFFFF;

※背景画像のURLを変更される場合は、制作いただいた画像を画像専用管理画面からアップロードして下さい。
画像URLは、必ずimage/~の相対パスにて記載して下さい。http://~の絶対パスで記載いただいた場合、SSL保護下のページでセキュリティ警告が表示されます。


(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。