「Shopping/以下」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 50行目: | 50行目: | ||
</pre> | </pre> | ||
</div> | </div> | ||
<em> | <em>右メニュー用は大カテindexのみ、<br> | ||
大カテ用はパンクズのないページ（バレンタインデーなど）に必要です。</em> | |||
</div> | </div> | ||
<div class="section"> | <div class="section"> | ||
| 59行目: | 60行目: | ||
<pre> | <pre> | ||
<head> | <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"> | <link rel="stylesheet" type="text/css" href="同フォルダのimport.css"> | ||
<script type="text/javascript" src="/js/default.js"></script> | <script type="text/javascript" src="/js/default.js"></script> | ||
2008年2月13日 (水) 09:50時点における版
新規作成
適用範囲：/shopping/以下、タカシマヤ特集などの新規静的ページ。
import
1）import.cssに最低限読み込むCSS
例：
@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");
必須なもの説明：
| /shopping/common/css/default.css | →本当に基本的な設定 |
| /css/import_global.css | →ヘッダー系 |
| /shopping/common/css/contents_base.css | →パンクズやリストなどの設定 |
※よくimportに下記が混ざっていますが
/*右メニュー用共通設定*/
@import url("../../../../../shopping/common/css/sub_contents.css");
/*大カテ用共通設定*/
@import url("/shopping/first_category/css/first_base.css");
右メニュー用は大カテindexのみ、
大カテ用はパンクズのないページ（バレンタインデーなど）に必要です。
link rel
2）ページにリンクで読み込むCSS&JS
例：
<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>
クラス
3）共通のID、クラス名
ID（container）
#container {contents_base.css (line 8)
margin:0pt auto;
text-align:left;
width:750px;
}
ID（contents-area）
#contents-area {contents_base.css (line 13)
font-size:small;
line-height:130%;
margin-bottom:30px;
}
以上２つは確定。
右にメニューのあって幅が違う場合などは新しいdivで指定をする。