はてなブログでリンクの文字色をカスタマイズする方法

こんにちは！りさこです！

リンクの上にマウスをのせたときの色が緑（テーマがWrittenの場合）だったのですが、私はこのブログのテーマカラーをピンクにしているので、リンクの色もピンクに変えてみました！

f:id:matsuda_risako:20150908120723p:plain

矢印が指してる「でもきじ」という記事のタイトルの上にマウスがのっている状態なのですが、カスタマイズをしてないとこのように緑色になります。もちろん、他のリンクも上にマウスがのっかると緑色になります。

なんか、タイトルとか見出しの色と合わない気がする…。

デザイン→カスタマイズ→デザインCSSの空欄に

a:hover {
    color:#ff8d8d;
}

.leave-comment-title:hover{
	color:#ff8d8d;
}

#footer a:hover{
    color:#ff8d8d;
}

と書くだけ！

さらに、グローバルメニューをつけている人は

同じく、デザイン→カスタマイズ→デザインCSSの空欄に

#global ul li a:hover{
    color:#ff8d8d;
}

と書くと…

f:id:matsuda_risako:20150908120939p:plain

矢印が指している「でもきじ」というタイトルの色がピンクになりました！！！！！

もちろん、他のリンクのピンクになっています！

このカスタマイズで全てのリンクの色が変えられるはずなのですが、私の勉強不足で一部変えられない部分があります…。

f:id:matsuda_risako:20150908121459p:plain

記事の一番下にある、「コメントを書く」という文字はピンクになってるのに、吹き出しだけ緑で気持ち悪いことになってます…

f:id:matsuda_risako:20150908121731p:plain

記事のタイトル下にその記事が属しているカテゴリが表示させるのですが、そこにマウスを合わせたときに現れる下線の色が緑のままです…。

とても細かいところではあるんですが、もしここのカスタマイズの方法を知っている方がいたら教えてくださいm(_ _)m

みなさんも自分の好みにカスタマイズできたでしょうか！？

コピペだけで自分が好きなテーマカラーをさらに強調できるので、ぜひ試してみてください！

ここでは、色を変えるだけでなく、マウスをのせたときに文字が斜体になるようにカスタマイズもしているので、興味がある方は参考にしてみてください！

おわり

りさこぶろぐ