MENU

FutureShop2OVERSEASのトップページを見る

カラー/サイズ編集(初級モード)

FutureShop2 Overseas

デザインテンプレートで初期設定された色・文字サイズを変更できます。
初級モードでは「メイン・サブカラー」「リンク(テキスト)の色」「背景色・背景画像」「全体および主要なテキストの色・サイズ・行間」を変更できます。 変更した内容は、ショップ画面のデザインを制御するCSSファイル「system_SizeColorSettings.css」「system_DesignSettings.css」に反映されます。
上級モードでは、「system_SizeColorSettings.css」「system_DesignSettings.css」を直接編集できます。

デザイン名

現在編集しているテンプレートの名称です。

ベーステンプレートデザイン名

現在、編集しているテンプレートの元となったテンプレート(「構築メニュー>デザイン設定>テンプレート選択」画面で選択する)の名称です。

上級モードに切替(CSS編集)

テンプレートの初期状態に戻す

現在入力されている設定を、テンプレートの初期状態に戻します。
初期状態に戻す内容は、この「初級モード」の設定内容のみです。

メイン・サブカラー

カラー選択ボタン

カラー選択ボタンを押下すると、カラーパレットが表示され、あらかじめ用意された126色の中から、任意の色を選択することができます。

メインカラー

見出しのボーダー線やテーブルのヘッダなどの色が変更できます。

サブカラー1

見出しの背景色などの色が変更できます。

サブカラー2

テーブルの背景色などの色が変更できます。

リンク

リンク(テキスト)の色を変更できます。

リンク色(a:link)

リンク(まだ見ていない状態)のテキスト色を変更できます。

すでにクリックしたリンク色(a:visited)

リンク(すでに見た状態)のテキスト色を変更できます。

クリック中のリンク色(a:active)

リンク(クリックされた状態)のテキスト色を変更できます。

マウスカーソル通過時の色(a:hover)

リンク(マウスポインタを乗せた状態)のテキスト色を変更できます。

背景

背景色(background-color)

背景(何も表示されていない部分)の色を変更できます。

背景画像(background-image)

背景に登録したい画像がある場合に、登録できます。
「ファイルを選択/参照」を押下して、予め用意した背景画像を選択してください。

背景画像の繰り返し(background-repeat)

背景に登録した画像が画面サイズより小さい場合の繰り返し表示を設定できます。

Y(縦方向へ繰り返し)
縦方向にのみ繰り返し表示します
X(横方向へ繰り返し)
横方向にのみ繰り返し表示します
XY(両方向へ繰り返し)
縦横方向に繰り返し表示します
繰り返さない
背景画像は繰り返さずに表示します。

背景画像の位置(background-position)

背景に登録した画像の表示方法を設定できます。

左寄せ
ブラウザの左を基点に表示します。
中央
ブラウザの中央を基点に表示します。
右寄せ
ブラウザの右を基点に表示します。

テキスト

テキスト(文字)の色・サイズ・行間を設定できます。

全体

通常の指定のない部分の文字を変更できます。

ページ見出し

ページの見出し部分の文字を変更できます。

パンくずリンク

パンくずリストの部分の文字を変更できます。

商品名(グループ・商品の一覧表示時)

商品一覧で表示される「商品価格」の文字を変更できます。

商品名(商品詳細表示時)

商品詳細に表示される「商品価格」の文字を変更できます。

商品価格(グループ・商品の一覧表示時)

商品一覧で表示される「商品価格」の文字を変更できます。

商品価格(商品詳細表示時)

商品詳細に表示される「商品価格」の文字を変更できます。

会員価格

会員価格の文字を変更できます。

アラート文言

ページ上部に表示される入力時のアラート(エラーメッセージ)文字を変更できます。

©2014 FutureShop All Rights reserved.