テキストリンクの色変更
スキン編集画面にて、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行は、下記のような内容)
リンクしてある部分は、ほぼ黒の灰色。
一度リンク先に飛んだあとも同じ色。
マウスポインタを置くと、落ち着いた水色で下線付き表示。
ねこっかぶりねこ ←テキストリンクを貼るとこんな感じ。
by yoiko_e_n
| 2010-12-10 21:00
|
Comments(0)