左エリアコンテンツのスタイルシート指定について

2010-04-20 09:39

スタイルシートにて左エリア用に指定を行う場合は、親要素に#lefttd .default_boxを指定下さい。
※下記のコンテンツは、2010年4月12日以降に左エリアに設定可能となりました。

該当箇所
・いらっしゃいませ欄/店長日記欄
・What's New欄
・新商品欄/ランキング商品欄/おすすめ商品欄
・メルマガ欄/携帯サイトURL欄
・私が店長です欄

変更例 (いらっしゃいませ欄のタイトルの背景画像を指定している場合)
中央エリア、右エリア用スタイルシートの各指定の親要素に#lefttd .default_boxを指定していいただくことで、左エリア用の指定を適用することができます。
※.default_boxについては、必要ないテンプレートもございますが基本的には指定いただくことを推奨致します。
.welcome_top {
width: 500px;
background-image: url(image/welcome_top.gif);
}
↓左エリア用に変更する場合は、
スタイルシートの編集から該当の箇所の親要素に#lefttd .default_boxを追加する。
↓※横幅は160pxに変更
#lefttd .default_box .welcome_top {
width: 160px;
background-image: url(image/welcome_top_small.gif);
}


各コンテンツの文字色や背景画像/背景色の変更方法については、中央エリアや右エリア用と同様の方法となります。
下記にも記載しております各FAQの指定をご覧の上、親要素に#lefttd .default_boxを追加して指定を行って下さい。

いらっしゃいませ欄、店長日記の場合
中央、右エリア用FAQ
いらっしゃいませ欄の背景色、背景画像の変更
https://www.ocnk.net/faq/index.php?action=artikel&id=113
それぞれ下記のように既存のclass名の前に#lefttd .default_boxを追加して下さい。
width: ****;の部分については、指定を記載する箇所となりますので、そのまま記載しないで下さい。
#lefttd .default_box .welcome_top {
width: ****;
}

#lefttd .default_box .welcome_middle {
width: ****;
}

#lefttd .default_box .welcome_bottom {
width: ****;
}


What's New欄の場合
中央、右エリア用FAQ
What's New(最新情報)の背景色、背景画像の変更
https://www.ocnk.net/faq/index.php?action=artikel&id=114
それぞれ下記のように既存のclass名の前に#lefttd .default_boxを追加して下さい。
width: ****;の部分については、指定を記載する箇所となりますので、そのまま記載しないで下さい。
#lefttd .default_box .whatnew_top {
width: ****;
}

#lefttd .default_box .whatnew_middle {
width: ****;
}

#lefttd .default_box .whatnew_bottom {
width: ****;
}


新商品、ランキング商品、おすすめ商品の場合
右エリア用FAQ
右エリアに新商品、ランキング、おすすめ商品を配置した際の文字色や文字サイズの変更
https://www.ocnk.net/faq/index.php?action=artikel&id=112
右エリアに新商品、おすすめ商品、ランキング商品を配置した場合の背景色、背景画像の変更
https://www.ocnk.net/faq/index.php?action=artikel&id=466
右エリアに新商品、おすすめ商品、ランキング商品を配置した場合の各商品テーブルの背景色、背景画像の変更
https://www.ocnk.net/faq/index.php?action=artikel&id=467
右エリア(新商品、おすすめ商品、人気ランキング、メルマガ、携帯URL、私が店長です)タイトル部分の文字色や文字サイズの変更
https://www.ocnk.net/faq/index.php?action=artikel&id=414
それぞれ下記のように既存のclass名の前に#lefttd .default_boxを追加して下さい。
width: ****;の部分については、指定を記載する箇所となりますので、そのまま記載しないで下さい。
#lefttd .default_box .style3_top {
width: ****;
}

#lefttd .default_box .style3_top h3 {
width: ****;
}

#lefttd .default_box .style3_middle {
width: ****;
}

#lefttd .default_box .style3_bottom {
width: ****;
}

#lefttd .default_box .style3_copy {
width: ****;
}

#lefttd .default_box .style3_table {
width: ****;
}

#lefttd .default_box .style3_text {
width: ****;
}


メルマガ欄、携帯サイトURL欄の場合
右エリア用FAQ
右エリア(新商品、おすすめ商品、人気ランキング、メルマガ、携帯URL、私が店長です)タイトル部分の文字色や文字サイズを変更したい。
https://www.ocnk.net/faq/index.php?action=artikel&id=414
それぞれ下記のように既存のclass名の前に#lefttd .default_boxを追加して下さい。
width: ****;の部分については、指定を記載する箇所となりますので、そのまま記載しないで下さい。
#lefttd .default_box .melmaga_top {
width: ****;
}

#lefttd .default_box .melmaga_top h3 {
width: ****;
}

#lefttd .default_box .melmaga_middle {
width: ****;
}

#lefttd .default_box .melmaga_bottom {
width: ****;
}

※携帯サイトURL欄用
#lefttd .default_box .mobile .melmaga_top {
width: ****;
}

#lefttd .default_box .mobile .melmaga_top h3 {
width: ****;
}

#lefttd .default_box .mobile .melmaga_middle {
width: ****;
}

#lefttd .default_box .mobile .melmaga_bottom {
width: ****;
}


私が店長です欄の場合
右エリア用FAQ
右エリア(新商品、おすすめ商品、人気ランキング、メルマガ、携帯URL、私が店長です)タイトル部分の文字色や文字サイズを変更したい。
https://www.ocnk.net/faq/index.php?action=artikel&id=414
それぞれ下記のように既存のclass名の前に#lefttd .default_boxを追加して下さい。
width: ****;の部分については、指定を記載する箇所となりますので、そのまま記載しないで下さい。
#lefttd .default_box .tdiary_top {
width: ****;
}

#lefttd .default_box .tdiary_top h3 {
width: ****;
}

#lefttd .default_box .tdiary_middle {
width: ****;
}

#lefttd .default_box .tdiary_bottom {
width: ****;
}