ライブドアブログ、本文に挿入したリンク色の変更について。
本文に挿入したリンクの色を#000FF(青)訪問済みのリンクの色を#9900FFにしようとしましたが出来ません。こちらでの質問&回答を読み色々なところの設定を何度も変えてみたのですが再構築しても全く反映されず、八方塞の状態です。
どなたかお分かりになられる方がいらっしゃいましたら、
教えて頂けないでしょうか。
こちらが、該当すると思われる範囲のCSSの設定です。
よろしくお願い致します。
body {color: #000000;}
a:link
, a:active
, a:visited
a:hover {text-decoration: none;}
table#header a:link
table#header a:active
table#header a:visited
table#header a:hover {color: #0000fe;}
p#blog-description {color: #ffffff;}
h2.archives-title {color: #ffffff;}
div.article-body a:link
div.article-body a:active {color: #30b122;}
div.article-body a:visited {color: #959595;}
h2.article-title a:link
h2.article-title a:active
h2.article-title a:visited {color: #4e993f;text-decoration: none;}
h2.article-title a:hover {background-color: #fffadd;text-decoration: underline;}
ul.article-post li a {color: #000000;}
dl.article-category dd a {color: #000000;}
div.pager a {color: #000000;}
div.article-date-outer {color: #000;}
div.article-body a:link
div.article-body a:active {color: #30b122;}
div.article-body a:visited {color: #959595;}
div.article-option h3 {color: #4e993f;}
div.article-option a {color: #959595;}
div.comment-auth-announcement p a {color: #000000;font-weight: bold;}
div.sidetitle {color: #4e993f;}
div.sidetitle a {color: #4e993f;}
div.calendarhead {color: #4e993f;}
div.calendarhead a {color: #4e993f;}
div.side a:link
div.side a:active {color: #000000;}
div.side a:visited {color: #959595;}
div.side a:hover {color: #000000;}
div#sub table.caltblday a:link
div#extra table.caltblday a:link {color: #4e993f;}
div#sub table.caltblday a:visited
div#extra table.caltblday a:visited {color: #4e993f;}
div#footer p
div#footer p a {color: #ffffff;}
回答(1)
2.

リンクの色に該当する箇所は、
a:link
, a:active
, a:visited
a:hover {text-decoration: none;}かと思われます。
ここの部分を
a:link
, a:active
, a:visited
a:hover {text-decoration: none;}
a:link{color:#000FF;}
a:active{color:#9900FF;}
a:visited{color:#9900FF;}
a:hover{color:#FF4500;text-decoration:none;}
のように変更してみてください。 【a:link】未訪問のリンク
【a:visited】訪問済みのリンク
【a:active】アクセス中のリンク
【a:hover】カーソルが重なっている時のリンク
と、意味しています。もし、アクセントをつけたかったら、
a:hoverを変えてみるのも面白いです。
sawadaさんの好きなようにやってみてください。
div.article-body の部分も変更してみたら、
見事に解決されました。
きっかけを与えてくださったロッキーさんを初め、
皆さん本当にありがとうございました!!
コメント(6)
ロッキーさんありがとうございます!
該当する部分をロッキーさんのおっしゃる通りに変えて変更→再構築を試みましたが、全く変化がありませんでした。
未訪問、訪問済み、アクセス中、カーソル重なり、4つとも
薄いグレーのような色のままです…。
この値を入れました。
a:link{color:#0000FF;}
a:active{color:#9900FF;}
a:visited{color:#9900FF;}
a:hover{color:#FF4500;text-decoration:none;}
<a href="URL" target="_blank"><font color='#0000FF'>文字</font></a>
とやって、一つずつリンクの設定をしていくしかないのでしょうか?
もしこのコメントにお気付きになりましたら、
お分かりになる範囲で結構ですのでよろしくお願いいたします。
もし、ブラウザにFirefox を使用しておられるなら、
Firebug アドインをインストールすることで、現在注目している要素のスタイルに影響を及ぼしているスタイル指定を調べたり、再構築する前にスタイルの指定の変更などを試してみることができます。
IEの場合は、IE Developer Toolber をインストールすることで同様のことができます。(Firebug に比べると操作がちょっと面倒です)
>>#1
「リンクの箇所が薄いグレーのような色」というのは、カラーコード#959595 が薄いグレーを示しているようですね。差し支えなければ、デザイン名とブログのURLを教えて頂けないでしょうか?
解決して良かったデス



