おちゃのこサポートくらぶ

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

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

（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等)はこちらを参考にご覧下さい。
http://www.ocnk.net/sample/color.html

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

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

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

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

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