livedoor ナレッジ

タイトルの色、コメント、トラックバックの色

タイトルの色を変えたいのですが、希望は青、紫です。（色の相対表みたいなのがあるといいですね。）

本文の下のコメント0、トラックバック０のところは黒や青にしたいです。

先ほどの質問と同じく、管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更します。

CSS を上から見ていくと #banner,#subbanner{ } という部分があります。この中に ・・・

#banner a{
color:#fff;
text-decoration:none;
}
#banner a:link{}
#banner a:visited{}
#banner a:active{}
#banner a:hover{}

と書いてあると思います。これをこんな感じにしてみましょう。

#banner a{}
#banner a:link{color:#○○○; text-decoration:none;}
#banner a:visited{color:#○○○; text-decoration:none;}
#banner a:active{color:#○○○; text-decoration:none;}
#banner a:hover{color:#△△△; text-decoration:underline;}

#○○○... の数字は色コードが書いてあります。お好きな任意の色に変更して下さい。最後の #banner a:hover{ } のところの△△△の色コードを変える事により、マウスカーソルをのせると色が変化します。

色のコード表はこちらを参考にして下さい。↓
http://alice-wr.wisnet.ne.jp/iroiro.html

＞本文の下のコメント0、トラックバック０のところは
＞黒や青にしたいです。

これは下の回答欄にもう一度書きます。

上の続きです。

管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の、CSS （ スタイルシート ） の記述を書き換えます。
CSS を上から順に見ていくと、

.posted{
********色々何々
}

.posted a{}
.posted a:link{}
.posted a:visited{}
.posted a:active{}
.posted a:hover{}

こういう部分があります。ここがそこの部分を指示する記述です。
この下の .posted a{} の部分にリンクされている文字の指示を書き込みます。例えば ・・・

.posted a{}
.posted a:link{color:#○○○; text-decoration:none;}
.posted a:visited{color:#○○○; text-decoration:none;}
.posted a:active{color:#○○○; text-decoration:none;}
.posted a:hover{color:#△△△; text-decoration:underline;}

#○○○... の数字は色コードを書いてあります。お好きな任意の色に変更して下さい。最後の .posted a:hover{ } のところの△の色コードを変える事により、マウスカーソルをのせると色が変化します。

また、

｜この記事のURL｜Comments｜
のように、文字と文字を区切っている 『 ｜ 』 の線の色も、文字と同じ色にしたいのであれば、前述した

.posted{
********色々何々
}

の中に、色コードを指定すればその色に変わります。
リンクがかかっている文字の色と同じにするには、.posted a:link{ などに使用した色コードと同じコードを新たに書き込みます。例えば ・・・

.posted{
color:#○○○;
********色々何々
}

このような感じになります。同じく#○○○... の中をお好きな色に指定して変えてください。

あとは保存し、CSS の再構築をかけて下さい。