2016/03/30

文字サイズとリンクの色を変更

ハマの黒ヒョウが、このブログの「文字が小さくて読みにくい」というので、大きくしてみました。
CSS(スタイルシート)の変更点
→ 文字サイズ
font-size:10px; → font-size:12px;
font-size:12px; → font-size:14px;
この文字サイズの指定の仕方は絶対指定で、ブラウザで文字のサイズを変更しても大きさは変りません。見てくれる人のことを考えると、相対指定にした方が親切だと思います。そこで、%指定にして色々数字を変えてみたいのですが、どうも思ったような文字サイズにならず、現時点では断念しました。
→ リンクの色
変更前
a{color:#666666; text-decoration:none;}
a:link {text-decoration: underline;}
a:active {text-decoration: underline; position: relative; top:2; left:2;}
a:visited {text-decoration: none;}
a:hover {color: #110f74; text-decoration: none; background-color: #d4e3ff; position: relative; top:2; left:2;}

↓

変更後
a{color:#0000aa; text-decoration:none;}
a:link {text-decoration: underline;}
a:active {text-decoration: underline; position: relative; top:2; left:2;}
a:visited {color:#551a8b; text-decoration: underline;}
a:hover {color: #110f74; text-decoration: none; background-color: #d4e3ff; position: relative; top:2; left:2;}
リンクの色は、GoogleやYahoo!のリンクと近い色に変更しました。初めて来てくださった方に、リンクがどれか、直感的に分かりやすいようにしてみました。
ちなみに検索エンジンのリンクの色は、以下の通りです。
→ Google(グーグル)
リンク → #0000cc
訪問済みリンク → #551a8b
→ Yahoo!(ヤフー)
リンク → #0000de
訪問済みリンク → #663399

ヒトミ

著者:ヒトミ

東京在住。犬のいない生活なんて考えられない!犬中心の毎日を送っています。趣味はアジリティー(ドッグスポーツ)と写真。

Twitterフォロー