ITOBEN STYLE > EC-CUBEデザインテンプレート > EC-CUBE2.13カスタマイズの説明:ナビ項目の色を管理画面から登録できるようにする 2013年10月30日カテゴリー: EC-CUBEデザインテンプレート EC-CUBE2.13カスタマイズの説明:ナビ項目の色を管理画面から登録できるようにする 管理画面のデザイン管理、ナビ色管理で、色を指定します。 入力ボックスをクリックすると色パレットが表示され、色をクリックすると自動的に色コードが入力されます。空欄は白になります。 デザインテンプレートとレスポンシブWebデザインでは、ここで指定した色は下記にも反映されます。 ① ポップアップ画面のタイトル(h2.title)←popup_header.tplに反映コードを記述。 ② ページのタイトル(h2.title)←site_frame.tplに反映コードを記述。 ③ ヘッダー左上のサイト概要の文字色(デザインテンプレート)←bloc/nav.tplに反映コードを記述。 ヘッダー左上のサイト概要の文字色(レスポンシブWebデザイン)←CSSファイルのresponsive_nav.css ************************* レスポンシブWebデザインでは、ヘッダーのレスポンシブメニューとの関係があるので、 responsive_nav.cssに、色関係をまとめてあります。 ============================ 2.13カスタマイズ(デフォルト)デモサイト 2.13カスタマイズ(デザインテンプレート適用)デモサイト 2.13レスポンシブWebデザイン(スタンダード)デモサイト 2.13レスポンシブWebデザイン(特集ページ作成版)デモサイト ▼詳細はこちらから ダウンロードEC-CUBEカスタマイズ ============================
管理画面のデザイン管理、ナビ色管理で、色を指定します。
入力ボックスをクリックすると色パレットが表示され、色をクリックすると自動的に色コードが入力されます。空欄は白になります。
デザインテンプレートとレスポンシブWebデザインでは、ここで指定した色は下記にも反映されます。
① ポップアップ画面のタイトル(h2.title)←popup_header.tplに反映コードを記述。
② ページのタイトル(h2.title)←site_frame.tplに反映コードを記述。
③ ヘッダー左上のサイト概要の文字色(デザインテンプレート)←bloc/nav.tplに反映コードを記述。
ヘッダー左上のサイト概要の文字色(レスポンシブWebデザイン)←CSSファイルのresponsive_nav.css
*************************
レスポンシブWebデザインでは、ヘッダーのレスポンシブメニューとの関係があるので、
responsive_nav.cssに、色関係をまとめてあります。
============================
2.13カスタマイズ(デフォルト)デモサイト
2.13カスタマイズ(デザインテンプレート適用)デモサイト
2.13レスポンシブWebデザイン(スタンダード)デモサイト
2.13レスポンシブWebデザイン(特集ページ作成版)デモサイト
▼詳細はこちらから
ダウンロードEC-CUBEカスタマイズ
============================