ページの階層表示(パンクズリスト)の文字色の変更はどうすればいいのでしょうか?

2009-04-03 11:37
文字色の変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。

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

(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。

(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。

(3)前ページへのリンク色と区切り線の変更をします。
スタイルシート内の/* 第二階層パンクズ *//* リンク色 */以下を変更します。 中ほどにありますので、スクロールして下さい。
【この色の部分】を変更してください。その他の部分は、スタイルシートごとに差異があります。

/* 第二階層パンクズ */
#pan {
margin: ****;
padding: ****;
width: ****;
color: 【区切り線の色…こちらの数値を任意のカラーコードに変更します】;
}

/* リンク色 */
#pan A:link {
color: 【リンクの色…こちらの数値を任意のカラーコードに変更します】;
}

#pan A:active {
color: 【クリック中の色…こちらの数値を任意のカラーコードに変更します】;
}

#pan A:visited {
color: 【訪問済みの色…こちらの数値を任意のカラーコードに変更します】;
}

#pan A:hover {
color: 【マウスポインタを合わせた時の色…こちらの数値を任意のカラーコードに変更します】;
}

例) color: #000000;

※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html

/* リンク色 */と いう指定がご利用のスタイルシート内にない場合は、コピーし貼り付けて下さい。貼り付け位置は、/* 第二階層パンクズ */のという指定の下になります。

(4)現ページの文字色の変更をします。
スタイルシート内の/* パンクズ現ページ */を変更します。最下部にありますので、スクロールして下さい。

/* パンクズ現ページ */
.thispage {
color: 【現ページの色…こちらの数値を任意のカラーコードに変更します】;
font-weight: ****;
}

例) color: #000000;

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

(6)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。