2011年10月12日 低価格ホームページ制作サービス「EasyPage」のデザインガイド <画面全体について> ①サイトイメージ画像 (topimg.jpg) ① 1000px×170px 全ページ共通の画像。 ロゴも含む。 ② ②メニュ ボタン画像 ②メニューボタン画像 (menuEx01.gif、menuEx01_on.gif) ④ 166px×33px ONとOFFの2種類を用意。 ファイル名の数字は01~06。 ③見出しの背景画像 (titlebar1.gif) 720px×30px 合わせて、文字色を指定して いただく必要があります。 ③ ④サイドタイトル画像 (side_title.gif) ⑤ 220 ×40 80 220px×40~80px ⑤リンクバナー画像 (任意) p 220px×縦は任意 ⑥お問い合わせ画像 (gotoform_btn.gif) 200px×37px ⑥ ⑦ ⑦背景画像 (bg.gif) 1280px×任意 縦に繰り返す画像となります。 <画像のサンプル> ①サイトイメージ画像 ②メニューボタン画像 ③ ③見出しの背景画像 像 ④サイドタイトル画像 ⑤リンクバナー画像 ⑥お問い合わせ画像 ⑦背景画像 ディスプレイ領域 高解像度のモニターや、ワイドモニターなどに対応するように コンテンツ領域の両サイドに表示する背景画像となります。 コンテンツ領域 (横1000px) <その他> 影付きのグラデーションなどコンテンツ領域(中央1000px分)を空けて作成します。 影付きのグラデーションなどコンテンツ領域(中央1000p 分)を空けて作成します 同じ画像を縦に繰り返すので、2~10px程度となります。 A.色の指定 A-1).画面の上部(コピー分のすぐ下)と下部(コピーライトの上部)にあるライン色は指定してください。 A-2) 背景色 A-2).背景色 基本的には白ですが、変更することも可能です。 ※変更する場合は、文字色やリンクカラーも同時に指定をお願いします。 A-3).サイド部の色 サイド部の背景色も指定してください。 ※必要であれば背景画像を置くことも可能です。その場合は画像をご用意ください。 B.画像 B-1.favicon お気に入り登録などの際に表示されるミニアイコン(favicon.ico)を32px×32pxでご用意いただければ差し替えを行います。 デフォルトは、左記画像となります。 B-2.サイドメニュー部のマーク画像 DOTや矢印の画像のこと。 12px×12pxくらいから、20px×20pxまでのgif形式であれば差し替え可能です。 12px 12pxくらいから、20px 20pxまで gif形式であれば差し替え可能です。 や など。 デフォルトは上記左側の画像となります。
© Copyright 2024 Paperzz