カラー/サイズ編集(初級モード)
メイン、サブカラー、文字のサイズ、カラー、背景などを項目ごとに設定できます。
「カラー選択」を押すとカラーパレットが表示されますので簡単に色を設定できます。
さらに細かなデザインの設定をする場合は、
「上級モード」に切り替えることにより「CSS」による詳細な設定ができます。
メイン・サブカラー
ページ全体のイメージカラーとなるカラー設定
メインカラー
見出しの背景や、フォーム左側のボックスの枠の線の色
※「カラー選択」をクリックするとカラーパレットがポップアップで表示されます。
ご希望の色を選択するとカラーが入力されます。
サブカラー 1
フォーム左側のボックスの枠の線の背景色などの色
サブカラー 2
フォーム右側のボックスの枠線や背景などの色
リンク
テキストリンクの文字色の設定
リンク色
リンク(まだ見ていない状態)a:link
すでにクリックしたリンク色
リンク(すでに見た状態)a:visited
クリック中のリンク色
リンク(クリックされた状態)a:active
マウスカーソル通過時の色
リンク(マウスポインタを乗せた状態)a:hover
背景
背景に表示する画像や、背景色の設定。
背景色
ブラウザで表示される背景の色
※指定がない場合は、ブラウザに依存します。
背景画像
背景に指定したい画像の指定。
背景画像は「ファイルを選択/参照」をクリックしてアップロードしてください。
背景の繰り返し
背景画像で登録された、背景画像の表示方法について
Y(縦方向へ繰り返し)
縦方向にのみ繰り返し表示します
X(横方向へ繰り返し)
横方向にのみ繰り返し表示します
XY(両方向へ繰り返し)
縦横方向に繰り返し表示します
繰り返さない
背景画像は繰り返さずに表示します。
背景画像の位置
背景画像で登録された、背景画像の表示位置について
左寄せ
ブラウザの左を基点に表示します。
中央
ブラウザの中央を基点に表示します。
右寄せ
ブラウザの右を基点に表示します。
テキスト
商品ページや、商品一覧、商品グループ一覧などで表示される「説明コメント」など、特に指定のない部分での文字色、文字サイズの表示設定。
全体
通常の指定のない部分の文字色・サイズ・行間の設定
ページ見出し
ページの見出し部分の文字色・サイズ・行間の設定
パンくずリンク
パンくずリストの部分の文字色・サイズ・行間の設定
※パンくずの上部にある仕切り線は、「メインカラー」で設定された色で表示されます。
商品名(グループ・商品の一覧表示時)
通常の指定のない部分の文字色・サイズ・行間の設定
商品名(商品詳細表示時)
通常の指定のない部分の文字色・サイズ・行間の設定
商品価格(グループ・商品の一覧表示時)
商品一覧で表示される「商品価格」の文字色・サイズ・行間の設定
商品価格(商品詳細表示時)
商品詳細に表示される「商品価格」の文字色・サイズ・行間の設定
会員価格
会員価格の文字色・サイズ・行間の設定
アラート文言
入力時のアラート(エラーメッセージ)をページ上部に表示する文字色・サイズ・行間の設定
テンプレートの初期状態に戻す
現在入力されている設定をカラーテンプレートの初期状態を読み込みます。
※現在登録されている状態は、「登録する」をクリックされるまで上書きされませんが、「登録する」クリック以降は元には戻せません。
※初期状態に戻す内容は、この「初級モード」の設定内容のみです。