トップページの人気ランキングに表示されるNo.1~No.5の表記部分の文字色、文字サイズを変更したい

2011-07-11 18:06
文字色、文字サイズの変更には、スタイルシートの編集が必要です。
※この部分で変更できるのは、アイコン画像ではありませんので、ご注意下さい。
管理画面の以下のページを開きます。

「デザイン管理」>「スタイルシート編集」

(1)現在ご利用中のテンプレートが表示されますので、新規に名前を付けて下さい。

(2)スタイルシート内の下記の箇所を編集して下さい。

【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。

○ランキングを中央エリアに設置している場合

/* 1位テキスト */
.rank1 {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
font-weight: ****;
width: ****;
padding-left: ****;
}

/* 2-5位テキスト */
.rank2-5 {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
font-weight: ****;
}

○ランキングを右エリアまたは左エリアに設置している場合は
 1位~5位テキストまで共通設定となります。

/* 2-5位テキスト */
.rank2-5 {
color: 【こちらの数値を任意のカラーコードに変更します】;
font-size: 【こちらの数値を任意のサイズに変更します】;
font-weight: ****;
}


例)color: #FFFFFF;
font-size: 14px;


(3)編集後、【登録処理を完了する】ボタンをクリックして下さい。


●非表示にされたい場合
この部分を非表示に設定されたい場合は、下記の指定をコピーしてスタイルシート内に貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

○ランキングを中央エリアに設置している場合

/* 1位テキスト */
.rank1 {
display: none;
}

/* 2-5位テキスト */
.rank2-5 {
display: none;
}

○ランキングを右エリアまたは左エリアに設置している場合は
1位~5位テキストまで共通設定となります。

/* 2-5位テキスト */
.rank2-5 {
display: none;
}