「Shopping/以下」を編集中

<div id="manual">
==新規作成==
適用範囲：/shopping/以下、タカシマヤ特集などの新規静的ページ。<br>
<br>
<br>
<div class="section">
===import===
1）import.cssに最低限読み込むCSS<br>
例：<br>
<div class="html-source">
<pre>
@charset "shift-jis";
/*-------------------------------------------------------
  タカシマヤ オンラインショッピング
  サンプル importCSS
--------------------------------------------------------*/
/* サイト全体のCSSデフォルト値 */
@import url("/shopping/common/css/default.css");
@import url("/css/import_global.css");
/* サイト全体の共通設定 */
@import url("/shopping/common/css/contents_base.css");
/*ページを構成する同フォルダ内CSS*/
@import url("baseとか.css");
</pre>
</div>
<br>
必須なもの説明：<br>
<table border="0">
<tr>
<td>　/shopping/common/css/default.css</td>
<td>　→本当に基本的な設定</td>
</tr>
<tr>
<td>　/css/import_global.css</td>
<td>　→ヘッダー系</td>
</tr>
<tr>
<td>　/shopping/common/css/contents_base.css</td>
<td>　→パンクズやリストなどの設定</td>
</tr>
</table>
<br>
<em>※よくimportに下記が混ざっていますが</em>
<div class="html-source">
<pre>
/*右メニュー用共通設定*/
@import url("../../../../../shopping/common/css/sub_contents.css");
/*大カテ用共通設定*/
@import url("/shopping/first_category/css/first_base.css");
</pre>
</div>
<em>右メニュー用は大カテindexのみ、<br>
大カテ用はパンクズのないページ（バレンタインデーなど）に必要です。</em>
</div>
<div class="section">
===link rel===
2）ページにリンクで読み込むCSS&JS<br>
例：<br>
<div class="html-source">
<pre>
<head>
<link rel="stylesheet" type="text/css" href="/shopping/common/css/default.css">
<link rel="stylesheet" type="text/css" href="/shopping/common/css/contents_base.css">
<link rel="stylesheet" type="text/css" href="同フォルダのimport.css">
<script type="text/javascript" src="/js/default.js"></script>
<script type="text/javascript" src="/common/script.js"></script>
</head>
</pre>
</div>
<br>
</div>


<div class="section">
===クラス===
3）共通のID、クラス名<br>
ID（container）<br>
<div class="html-source">
<pre>
#container {contents_base.css (line 8)
margin:0pt auto;
text-align:left;
width:750px;
}
</pre>
</div>
<br>
ID（contents-area）<br>
<div class="html-source">
<pre>
#contents-area {contents_base.css (line 13)
font-size:small;
line-height:130%;
margin-bottom:30px;
}
</pre>
</div>
<br>
ID（main-contents）…右メニューありの場合使用<br>
<div class="html-source">
<pre>
#contents-area #main-contents {contents_base.css (line 20)
float:left;
width:548px;
}
</pre>
</div>
デザインによって幅が違う場合などは新しいdivで指定をする。<br>
</div>

</div>