リンク文字色 | リンク文字色 | リンク文字色 | リンク文字色 | リンク文字色 | リンク文字色 |
リンク文字は通常は訪問前は青、訪問後は紫ですが、この色は背景が黒になると見にくい(上図参照)。
以下はそのリンク文字色の変更法です。
HPBuilder でリンク設定後に文字を色指定する。 ただし、リンク文字直前に色指定コードがないとダメ。ソースコードでチェックすべし。
それについての 説明と 実施例はこちら。
未訪問、訪問済 すべて同一色になる。 他の通常リンクに影響しないようだ。
HPBuilderで色指定リンク文字直前に色指定コードが入っている。
上と同じ色指定
リンク文字直前に色指定コードが入ってない例。 これダメ
なお、HPBuilderの「ページ編集 → 属性の変更」を使うと、次の項 1)「BODY冒頭で指定ぺージ全体に適用」ができる。
その場合もソースで要チェック。
<BODY link="#未訪問色" alink"#active(クリック時)色" vlink"#訪問済色
"> #は16進数 色名の時は <BODY link="red" alink="blue" vlink="green"> |
通常の背景色:白 | 背景を黒にすると下のように見にくくなる。 左:訪問前 右:訪問済 |
<BODY link="#00FFFF"> (cyan)を指定すると下記になる |
|
リンク文字色 | リンク文字色 | リンク文字色 | リンク文字色 |
この例から分かるように、背景色が黒の場合、未訪問(link)および訪問済(vlink) ともに
cyan(00FFFF), yellow(FFFF00)、white(FFFFFF)などの明色がよいと思われる。
2) 冒頭header内にstyleで指定 ページ全体に適用
a:link { color: #0000ff; } … 未訪問のリンク
a:visited { color: #000080; } … 訪問済みのリンク
a:hover { color: #ff0000; } … ポイント時のリンク
a:active { color: #ff8000; } … 選択中のリンク
link 、visited、hover、active の順で記述する必要があるらしい。
http://www.tagindex.com/stylesheet/link/color.html
実施例2
ネット情報
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1044682210
3)特定リンクのみに色指定 個別リンクのStyleにclass名で色指定
実施例3
引用: http://blog.livedoor.jp/seo666/archives/50293704.html
リンクのアンダーラインを消す
http://www.1uphp.com/con1/link/link-underbernone.html 例 linkUnderline