MENU

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

メイン、サブカラー、文字のサイズ、カラー、背景などを項目ごとに設定できます。
「カラー選択」を押すとカラーパレットが表示されますので簡単に色を設定できます。

8_63_ja01.gif

さらに細かなデザインの設定をする場合は、
「上級モード」に切り替えることにより「CSS」による詳細な設定ができます。

メイン・サブカラー

ページ全体のイメージカラーとなるカラー設定

8_64_ja02.gif

メインカラー

見出しの背景や、フォーム左側のボックスの枠の線の色
※「カラー選択」をクリックするとカラーパレットがポップアップで表示されます。
ご希望の色を選択するとカラーが入力されます。

サブカラー 1

フォーム左側のボックスの枠の線の背景色などの色

サブカラー 2

フォーム右側のボックスの枠線や背景などの色

リンク

テキストリンクの文字色の設定

リンク色

リンク(まだ見ていない状態)a:link

すでにクリックしたリンク色

リンク(すでに見た状態)a:visited

クリック中のリンク色

リンク(クリックされた状態)a:active

マウスカーソル通過時の色

リンク(マウスポインタを乗せた状態)a:hover

背景

背景に表示する画像や、背景色の設定。

背景色

ブラウザで表示される背景の色
※指定がない場合は、ブラウザに依存します。

背景画像

背景に指定したい画像の指定。
背景画像は「ファイルを選択/参照」をクリックしてアップロードしてください。

背景の繰り返し

背景画像で登録された、背景画像の表示方法について

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

背景画像の位置

背景画像で登録された、背景画像の表示位置について

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

テキスト

商品ページや、商品一覧、商品グループ一覧などで表示される「説明コメント」など、特に指定のない部分での文字色、文字サイズの表示設定。

全体

通常の指定のない部分の文字色・サイズ・行間の設定

ページ見出し

ページの見出し部分の文字色・サイズ・行間の設定

8_64_ja05.gif

パンくずリンク

パンくずリストの部分の文字色・サイズ・行間の設定
※パンくずの上部にある仕切り線は、「メインカラー」で設定された色で表示されます。

8_64_ja04.gif

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

通常の指定のない部分の文字色・サイズ・行間の設定

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

通常の指定のない部分の文字色・サイズ・行間の設定

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

商品一覧で表示される「商品価格」の文字色・サイズ・行間の設定

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

商品詳細に表示される「商品価格」の文字色・サイズ・行間の設定

8_64_ja06.gif

会員価格

会員価格の文字色・サイズ・行間の設定

アラート文言

入力時のアラート(エラーメッセージ)をページ上部に表示する文字色・サイズ・行間の設定

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

btn_reflesh_tmpl.gif

現在入力されている設定をカラーテンプレートの初期状態を読み込みます。

※現在登録されている状態は、「登録する」をクリックされるまで上書きされませんが、「登録する」クリック以降は元には戻せません。
※初期状態に戻す内容は、この「初級モード」の設定内容のみです。

©2014 FutureShop All Rights reserved.