Store/others 特集ページ
各店イベント
適用範囲：/store/others/以下、新規静的ページ。
import
1）import.cssに最低限読み込むCSS
例：
@charset "shift-jis";
/*-------------------------------------------------------
タカシマヤ各店のご案内＞サンプル importCSS
--------------------------------------------------------*/
/*タカシマヤ各店のご案内*/
@import url("/store/common/store.css");
/*ページを構成する同フォルダ内CSS*/
@import url("baseとか.css");
必須なもの説明：
| /store/common/store.css | →各店ページ内基本的な設定 |
link rel
2）ページにリンクで読み込むCSS&JS
例：
<head> <link rel="stylesheet" type="text/css" href="同フォルダのimport.css"> <link rel="stylesheet" type="text/css" href="../../../common/common.css"> <noscript> <link rel="stylesheet" type="text/css" href="../../../common/noscript.css"> </noscript> <script type="text/javascript" src="../../../common/css_size.js"></script> <script type="text/javascript" src="common/script.js"></script> <script type="text/javascript" src="../../../common/script.js"></script> </head>
注）
| ../../../common/common.css | →必須！text-decorationの設定など |
| common/script.js | →ある場合のみ |
少なくとも/others/以下のページに/shopping/以下のものを読み込む必要は基本的にありません。
パンクズ部分
現各店サイトでは新旧スタイルが入り混じっています。
新→灰バックに下部ストライプ
旧→灰バックに下部シャドウ
新しいのはこちら：
<!--BreadCrumbs--> <table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#e5e5e5"> <tr> <td><img src="/img/sp.gif" width="15" height="2" border="0" alt=""><br></td> <td> <table width="735" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="/img/sp.gif" width="2" height="10" border="0" alt=""><br></td> </tr> <tr> <td><span class="size10px"><span class="takairo1"><a href="/index.html" class="takanavi">HOME</a> ＆nbsp;＞＆nbsp;<span class="takairo1"><a href="/store/index.html" class="takanavi">タカシマヤ＆nbsp;各店のご案内</a></span> ＆nbsp;<span class="takairo2">＞</span>＆nbsp;<span class="takairo3">イベントのタイトル</span><br></span></span></td> </tr> <tr> <td><img src="/img/sp.gif" width="2" height="10" border="0" alt=""><br></td> </tr> </table> </td> </tr> </table> <!--BreadCrumbs--> <!--categoryline--> <table width="749" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="/img/common/bgline1.gif"><img src="/img/sp.gif" width="2" height="9" alt="" border="0"><br></td> </tr> <tr> <td><img src="/img/sp.gif" width="2" height="30" alt="" border="0"><br></td> </tr> </table> <!--/categoryline/-->
| ・BreadCrumbs | →灰色のテーブル |
| ・categoryline | →下のストライプ部分 |
「BreadCrumbs～/categoryline/」までで一つです。途中で切ると表示されません。
※上記サンプルのスペースや全角などは消したりタブや半角に直したりしてください。そのままだと認識されません。
ヘッダー＆フッター
ここもページによって色々違いますが
＜ヘッダー＞
<body> <div id="container"> <a name="top"></a> <!--Header Navi--> <!--#include virtual="/store/include/store_header.txt"--> <!--/Header Navi/-->
＜フッター＞
<!--Footer Navi--> <!--#include virtual="/store/include/store_footer.txt"--> <!--/Footer Navi/--> </div> </div> </body> </html>
で良いと思います。