サブベース
◆サブベース(クラス名.base)

[td.f_frame]内に表示されるテーブルです。構成は以下のとおりです。→全体図

table.base
td.navi1
td.top_left td.top td.top_right
td.left td.title td.right
td.contents
(ページごとに異なる内容表示)
td.bottom_left td.bottom td.bottom_right
◆ベース(クラス名 .base)→全体図

内容表示部分全体(ベース)の大きさや背景などを指定します。

例)幅500px、背景色を白にする

.base { width:500px ; background-color:#FFFFFF; }

◆ナビゲーションバー(クラス名 .navi) 

トップページ(HOME)からの場所を示すナビゲーションが表示されるセルです。

例)ナビゲーションバーの文字を右寄せにする

.m_navi { text-align:right ; }

◆マージン →全体図

ナビゲーション以外の内容を取り囲むように上下四隅に空白セルを配置しています。飾り罫などに使用します。

表示させる必要がなければそれぞれのクラスに display:none; を指定してください。

◆タイトル (クラス名 .title) →全体図

管理画面「デザイン設定」→「ヘッダー・フッター設定」で「タイトル」に記入された内容が表示される場所です。

例)タイトルを左から50pxずらして表示させる

.title { text-indent : 50px ; }

◆ヘッダー (クラス名 .header)

コンテンツの上のテーブルです。管理画面「デザイン設定」→「ヘッダー・フッター設定」で「ヘッダー文章」に記入された内容が表示されます。

◆コンテンツ (クラス名 .contents)

ページごとに異なる内容が表示されます。解説は「ページごとの内容」「商品表示」の項をご覧ください。

◆フッター (クラス名 .footer)

コンテンツの下のテーブルです。管理画面「デザイン設定」→「ヘッダー・フッター設定」で「フッター文章」に記入された内容が表示されます。

例)フッター文章を小さな字で表示する

.footer { font-size : smaller ; }