賢威のマウスオーバー(マウスを当てた時)の色を変える

賢威でリンクにマウスオーバーした時(マウスポインターを当てた時)の

色を変える方法を解説します。

賢威のマウスオーバーの色を変える

リンクの色を変えると、

バランス的にマウスオーバーの色も変えたくなる場合もあります。


そんな時は、

「外観」⇒「エディター」をクリックして、

design.cssを開きます。一番上にある

マウスオーバー時の色を変更するにはここを修正

2、サイト全体の共通設定の中に、

a:active{ color: #f60; }

というのがありますが、

この #f60 がマウスオーバーした時のリンクの色となります。


カラーキャッチなどを使い、

ご希望の色に変更して保存して下さい。



Yahoo!とGoogleの検索結果にマウスオーバーした時のリンクの色

・Yahoo!は赤系オレンジ

・Googleはリンクと同じ青色となっています。



Yahoo!はリンクが青色でマウスオーバーすると赤系に変わりますが、

Googleはリンクの色もマウスオーバーした時の色も青色です。


どちらが良いかは好みかもしれませんが、

当サイトはYahoo!寄りにしています。


リンクの色を変えたい時は、

上の画像にある

a:visited{ color: #1D3994; }
の #1D3994 がリンクの色ですので、

お好きな色コードに変えて保存して下さい。


以上で、

賢威でリンクにマウスオーバーした時(マウスポインターを当てた時)の

色を変える方法の説明を終えます。








サブコンテンツ

当サイトの記事一覧

アーカイブ

このページの先頭へ