コピーライト欄の背景色、背景画像を変更したい
スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。
(2)スタイルシート内の下記の箇所を編集して下さい。
background-colorまたはbackground-image部分を変更して下さい。記載がない場合は、行を追加して下さい。
●背景色の場合
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
●背画像の場合
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。
(2)スタイルシート内の下記の箇所を編集して下さい。
background-colorまたはbackground-image部分を変更して下さい。記載がない場合は、行を追加して下さい。
●背景色の場合
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
/* フッター */ #footer { padding: ****; margin-top: ****; background-color: 【こちらの数値を任意のカラーコードに変更します】; color: ****; font-size: ****; text-align: ****; } 例)background-color: #FF0000; |
●背画像の場合
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
/* フッター */ #footer { padding: ****; margin-top: ****; background-image: 【背景画像…こちらに背景に使用したい画像のURLを記入します】; color: ****; font-size: ****; text-align: ****; } 例)background-image: url(image/bg.gif); |
※background-imageの記載が、スタイルシート内にない場合は、background-image: url(画像URL);の行をコピーしてスタイルシート内に貼り付けて下さい。
※背景画像のURLを変更される場合は、制作いただいた画像を画像専用管理画面からアップロードして下さい。
画像URLは、必ずimage/~の相対パスにて記載して下さい。http://~の絶対パスで記載いただいた場合、SSL保護下のページでセキュリティ警告が表示されます。
(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。