入口 > スポンサー広告 > スポンサーサイト お問合せ - お返事 > 入口メニュー字色をカテゴリ毎に変えたい件

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--------

入口メニュー字色をカテゴリ毎に変えたい件

◆minn様 

はじめまして! ご質問ありがとうございます。
どちらも今後の参考になりそうなので、二つの記事に分けてお答えさせていただきますね。
まず

>1、カテゴリー一覧の字の色を、カテゴリーごとに違った色にしたいのですが、どうすればできますか?

とのことですが、それがどういった位置づけのカテゴリかによって指定方法は変わります。
それぞれ、下記の該当するコードをテンプレスタイルシート末尾に加えてください。
パターンは3つあります。


◎「(子カテゴリのない)単独カテゴリ」の場合

.ulTop_catX a:link { color: ~; }
.ulTop_catX a:visited { color: ~; }
.ulTop_catX a:hover { color: ~; }
.ulTop_catX a:active { color: ~; }

のように指定して「X」をそのカテゴリ番号に、「~」を変更したいカラーコードに変えてください。


◎「親カテゴリ」の場合

.ulTop_catY a:link { color: ~; }
.ulTop_catY a:visited { color: ~; }
.ulTop_catY a:hover { color: ~; }
.ulTop_catY a:active { color: ~; }
.ulTop_catY .sub a:link { color: ―;}
.ulTop_catY .sub a:visited { color: ―;}
.ulTop_catY .sub a:hover { color: ―;}
.ulTop_catY .sub a:active { color: ―;}

のように指定して「Y」をそのカテゴリ番号に、「~」を変更したいカラーコードに変えてください。ただこれだけだとその親に属する子カテゴリ全てが同じ色になってしまうので、それが嫌な場合は更に下四行で「―」を戻したいデフォルトのカラーコードにしてください。(別に同じ色でいいよ、又はそっちはそっちでそれぞれ指定するし嫌じゃないよ、とかいった場合は下四行は不要です。)


◎「子カテゴリ」の場合
大変申し訳ありません、お使いのバージョン「4-1」はクラス指定がでたらめなことになっていましたので、こちらの修正作業をしていただいた上で、

.sub_li_catZ a:link { color: ~; }
.sub_li_catZ a:visited { color: ~; }
.sub_li_catZ a:hover { color: ~; }
.sub_li_catZ a:active { color: ~; }

のように指定して「Z」をそのカテゴリ番号に、「~」を変更したいカラーコードに変えてください。


いずれの場合も、「link」「visited」等の意味がわからないときは、スタイルシートの解説サイトをご参照ください。
以上です。宜しくお願いいたします。
2013-02-25
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。