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

ハマの黒ヒョウが、このブログの「文字が小さくて読みにくい」というので、大きくしてみました。

◆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

2007年8月12日｜コメント（0）｜トラックバック（0）

カテゴリー：その他