■WEBテンプレート（CSS）仕様 １．テンプレートパターン ① ３カラム トップページ ② ２カラム（左サイドバー） トップページ ③ １カラム カート 第２階層 第３階層（商品詳細） ■WEBテンプレート（CSS）仕様 ２．CSS共通部分 ①サイドバーブロック ②基本センターブロック／ポップアップ要素共通 ③センターブロック（商品ボックス） sidebox centerbox centerbox サイドバーブロック指定 センター用ブロック指定 センター用ブロック指定 Ｈ3 title1(2) sidemain1 Ｈ3 title1(2) mainFrame ※第二階層のみ （装飾枠） Ｈ3 title1(2) mainCont ※商品一覧のみ （装飾枠） メインコンテンツ mainCont メインコンテンツ コンテンツ／ 商品レイアウト（layout1） slineブロック下装飾ライン layoutFrame 商品ボックス外枠 layout1 ・新着／おすすめ／ランク contbox メインコンテンツ内区分け指定 ・Ｈ3 title1（2）について サイドバー、センターコンテンンツ、ポップアップ全共通 ※但し、商品詳細ページのみ ｈ2指定 （ｈ2 title1） ・layout1（商品レイアウトボックス）について トップページ、サイドバー、商品一覧ページ全共通 ※商品詳細ページは、layoutp3でのレイアウト ・サイドバー ・商品一覧ページ 全共通 ■WEBテンプレート（CSS）仕様 ３．トップページ #header #headMenu #container(860px) H1 siteName サイト名 H2 sitecopy サイトコピー ヘッダーメニュー headnavi ヘッダー下装飾ライン hline #center1（690px） #leftSide（170px） #center2（520px） topIMG トップ画像 sidebox shopCopy search ショップコピー H3 title1 sidemain1 mainCont メインコンテンツ共通 商品レイアウト H2 商品名 タイトル メイン centerbox sline2 H3 title1 sline1 sidebox H3 title2リンクオブジェクト #footer layout1 H3 title1 sidebox footnavi フッターメニュー #copyright コピーライト タイトル sidemain1 メイン centerbox sline1 sidebox H3 title2 カテゴリ list #rightSide（170px） layoutFrame 商品レイアウト（外枠） layout1 H2 商品名 ■WEBテンプレート（CSS）仕様 ４．第2階層（基本） #header #headMenu #container(860px) H1 siteName サイト名 H2 sitecopy サイトコピー headnavi ヘッダーメニュー ヘッダー下装飾ライン hline #center1（690px） #center3 #leftSide（170px） bread トップページ同様 パンくず centerbox H3 title1 no2 mainFrame mainCont contbox メインコンテンツ共通 mainCont内ブロック pageTop #footer footnavi フッターメニュー #copyright コピーライト ■WEBテンプレート（CSS）仕様 ５．第2階層（商品一覧） #header H1 siteName H2 sitecopy #headMenu #container(860px) headnavi サイトコピー ヘッダーメニュー ヘッダー下装飾ライン hline #center1（690px） #center3 #leftSide（170px） bread トップページ同様 パンくず centerbox sortList リストソート H3 title1 no2 タイトル mainCont メインコンテンツ共通 layoutFrame 商品レイアウト（外枠） layout1 商品レイアウト H2 商品名 pageTop #footer footnavi フッターメニュー #copyright コピーライト ■WEBテンプレート（CSS）仕様 ６．第3階層（商品詳細） #header #headMenu #container(860px) H1 siteName サイト名 H2 sitecopy サイトコピー headnavi ヘッダーメニュー ヘッダー下装飾ライン hline #center1（690px） #center3 #leftSide（170px） bread トップページ同様 パンくず centerbox H2 title1 no2 mainFrame mainCont メインコンテンツ共通 <p>コンテンツ<p> layoutp3 商品ブロック layoutp3 カート部分 <p>コンテンツ<p> pageTop #footer footnavi フッターメニュー #copyright コピーライト ■WEBテンプレート（CSS）仕様 ７．第2階層（ブログ） #container(860px) #header #headMenu H1 siteName サイト名 H2 sitecopy サイトコピー headnavi ヘッダーメニュー ヘッダー下装飾ライン hline #center1（690px） #center2（520px） #leftSide（170px） centerbox トップページ同様 #rightSide2（170px） mainFrame sidebox mainCont H3 title1 H2 entry_title ブログタイトル entry_date（時間） status Ｈ3 subutitle コメント／トラックバッックタイトル blogbox authorコメントボックス layoutp3 コメントフォーム tb_url トラックバックURL pageTop #footer footnavi フッターメニュー #copyright コピーライト sidemain1 タイトル ■WEBテンプレート（CSS）仕様 ８．マイページ／ポップアップ #enter #center3 bread パンくず（マイページのみ） centerbox H3 title1 no2 mainCont メインコンテンツ共通 layoutp3 テーブルレイアウト ■WEBテンプレート（CSS）仕様 ９．カート #header hline #container(860px) H1 siteName サイト名 H2 sitecopy サイトコピー ヘッダー下装飾ライン center3 #center1（690px） centerbox H3 title1 no2 mainFrame mainCont #footer footnavi フッターメニュー #copyright コピーライト ■WEBテンプレート（CSS）仕様 １０．画像に関して １．画像サイズ指定 ①商品画像サイズ （pixel ）： pattern1 120×縦auto （商品一覧ページ、サイドバー、トップページ一覧） pattern2 180×縦auto （トップページ一覧） pattern3 250×縦auto （商品詳細） pattern4 640×縦auto （商品拡大表示） ②アイコン・ボタンサイズ クール便 （icon_cool.gif） 70×20 カートに入れる （btn_cart.gif） 140×40 在庫切れ （btn_nostock.gif） 140×40 在庫を見る （btn_stock.gif） 110×30 おすすめ （icon_picup.gif） 50×15 ランキング （icon_rank.gif） 50×15 新着 （icon_new.gif） 50×15 拡大表示 （icon_search.gif） 25×25 この商品について問い合わせる（icon_contact.gif） 25×25 友達にメールですすめる（icon_advice.gif） 25×25 ※背景指定画像に関して、サイズの指定はデザインに依存し、CSS記載の画像名で保存をする。
© Copyright 2024 Paperzz
