ねこっかぶりねこ

テキストリンクの色変更

スキン編集画面にて、CSS編集。

リンクしてる部分  → a:link
訪問済部分     → a:visited
マウスオーバー時  → a:hover


を踏まえまして、

a:link { color: #666666;text-decoration: none; }
a:visited { color: #666666;text-decoration: none; }
a:hover { color: #0099CC;text-decoration: underline; }

上記の #ほにゃらら んとこを、カラーチャートから好きなのを選んで置き換える。

--------------------

リンクしている部分などに下線を付けたい場合。

none を、 underline に置き換える。

a:link { color: #666666;text-decoration: underline; }
a:visited { color: #666666;text-decoration: underline; }
a:hover { color: #0099CC;text-decoration: underline; }


このページではなぜか、アンダーラインが表示されたりされなかったりと不安定だったので
(ブラウザのせい? 駅ブロのせい?)
ほんの少しフォントの色を濃くして、テキストリンクがどこなのか分かるように
下記のように書き換え。

a:link { color: #333333;text-decoration: none; }
a:visited { color: #333333;text-decoration: none; }
a:hover { color: #0099CC;text-decoration: underline; }

(上記の3行は、下記のような内容)
リンクしてある部分は、ほぼ黒の灰色。
一度リンク先に飛んだあとも同じ色。
マウスポインタを置くと、落ち着いた水色で下線付き表示。

ねこっかぶりねこ ←テキストリンクを貼るとこんな感じ。
[PR]
by yoiko_e_n | 2010-12-10 21:00