文字サイズとリンクの色を変更
ハマの黒ヒョウが、このブログの「文字が小さくて読みにくい」というので、大きくしてみました。
◆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
★カワイイ犬の画像なら犬ブログランキング
その他のエントリー12件
記事のリンクタグ
このエントリーへのリンク:
トラックバック
このエントリーのトラックバックURL:
イヌのコト 
