「終了ページまとめ」を編集中

<div id="manual">
==終了ページ==
タカシマヤ特集の終了ページ<br>
※サイトマップ＞タカシマヤの母の日　などを参照のこと<br>
※関連特集のメニューがあるものも対応<br>
<br>
<div class="section">
===[end_page]について===
shopping以下にend_pageというフォルダがあります。<br>
<br>
<table border="0">
<tr>
<td>[end_page]</td>
<td>　→終了ページの共通CSSや画像置き場</td>
</tr>
<tr>
<td>├─common</td>
<td>　→共通して使えるもの</td>
</tr>
<tr>
<td>│　　├css(end_base.css)</td>
<td>　→基本的に必要なCSS</td>
</tr>
<tr>
<td>│　　└img</td>
<td>　→基本的に必要な画像</td>
</tr>
<tr>
<td>└─sample.html</td>
<td>　→終了ページのコーディングサンプル</td>
</tr>
</table>
<br>
使用する画像やCSSが変われば更新してください。<br>
</div>
<br>
<div class="section">
===作成方法===
1≫end_page\img　を参照し、新しい画像はスライスしておくこと。<br>
<em>※カテの画像など、もし今後常用する画像が変われば[img]に入れておいてください。</em><br>
2≫/shopping/end_page/common/css/end_base.css　が終了ページの共通CSSになるので、読み込みます。<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="/shopping/end_page/common/css/end_base.css">
	<script type="text/javascript" src="/js/default.js"></script>
	<script type="text/javascript" src="/common/script.js"></script>
</head>
</pre>
</div>
終了ページに必要なCSS/JSは揃っているので、以上で良いと思います。もし必要があれば適宜調整のこと。<br>
<br>
3≫必要な部分はsample.htmlを参照すると楽かもしれないです。<br>
各クラスにpaddingやmarginがついているので、とりあえずpaddingやmarginは指定しないで作ってみたほうが良いかもしれません。<br>
<div class="html-source">
<pre>
<!-- top-img -->
<p class="txt-end"><em>～クリスマス終了のお知らせ～</em></p>
<h2>＜メインイメージ＞</h2>
<!--/ top-img /-->
</pre>
</div>
emタグで囲まれたところは赤文字です。end_base.cssを読み込んでいる時ににtxt-endを指定すると#fcb1b1;の5px実線で囲まれます。<br>
<br>
4≫母の日などと一緒の形なら、ギフトやフードのカテリンクだと思います。<br>
複数段になる場合でも、クラス：cate-wrapにmargin-top:15px;があるのでそのまま積みます。<br>
<br>
5≫たまに関連特集というのがあります。<br>
バナーのところは文言とバナーが更新になると思います。<br>
他にもリンク先など変更あれば適宜修正してください。<br>
<br>
6≫オンラインショッピング会員登録　クラス：banner<br>
最近のものは特についてます。<br>
バナー自体が変わることもありえるので、その時は同じ名前で更新してください<br>
<br>
7≫左下の関連リンク　クラス：each<br>
父の日⇔母の日、お中元⇔お歳暮　など対になるものはリンクします。<br>
特に指定の無い場合はいりません。<br>
<br>
<br>
定型のものについては以上です<br>
</div>

</div>