よりどりみどり

OLミリオネア・みどりによる豊かな日々の過ごし方。歯列矯正・美容・筋トレ・ミニマリスト・断捨離等の体験記もあるよ♪

MENU
スポンサーリンク

はてなブログでリンクの文字色を変える方法

スポンサーリンク

ブログテーマを変更したのに合わせて、リンクの文字の色も変えました。

初期設定はブルーで色が合わなかったので、みどり色に変えました。

小さい動きですが、指やマウスが乗った時に、文字が「にょっ」と横に傾くようになっていて気に入っています。

f:id:midori32:20150607121017j:plain

設定方法

管理画面で【デザイン】 →【編集(工具のマーク)】 →【デザインCSS

に移動します。

 

このブログでは、デザインCSSの空欄に以下のように記載しています。

 

a{/*リンクされた文字*/

color:#388e3c;  /*←色指定*/

font-style:normal;


}

a:link {/*未訪問のリンク*/

color:#388e3c;

font-style:normal;

text-decoration:none;

}

a:visited {/*訪問後のリンク*/

color:81c784;

text-decoration:none;

}

a:hover {/*マウスをのせたとき*/

color:#FF9800;

font-style:italic;/*斜体にする*/

text-decoration:none;

}

a:active {/*クリック中*/

text-decoration:none;

}

 

色を変えるには、次のカラーコード表に従って、それぞれの色番号を変えればOKです。

color:#388e3c; ←これはみどり色です。

 

カラーコード表

Material Design Color Palette Generator - Material Palette

基本的な色のみ。

Material Design Colors

色の数が多いです。

 

参考記事

はてなダイアリーでリンクの色を変える方法 - Early Review

ありがとうございました。

 

みどり