知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

ライブドアブログ、本文に挿入したリンク色の変更について。

本文に挿入したリンクの色を#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;}

2008-10-18 18:42の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

2.

2008-10-18 21:43:32ベスト
現在でているCSSの中で、

リンクの色に該当する箇所は、

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 の部分も変更してみたら、
見事に解決されました。
きっかけを与えてくださったロッキーさんを初め、
皆さん本当にありがとうございました!!

Ads By Google

コメント(6)

#1.  sawada
2008-10-19 22:07:49

ロッキーさんありがとうございます!

該当する部分をロッキーさんのおっしゃる通りに変えて変更→再構築を試みましたが、全く変化がありませんでした。
未訪問、訪問済み、アクセス中、カーソル重なり、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>
とやって、一つずつリンクの設定をしていくしかないのでしょうか?
もしこのコメントにお気付きになりましたら、
お分かりになる範囲で結構ですのでよろしくお願いいたします。

#2.  BLUEPIXY
2008-10-19 23:12:25

>>#1

div.article-body
で修飾されている部分を同じように修正してみたらどうですか?

#3.  BLUEPIXY
2008-10-19 23:16:54

もし、ブラウザにFirefox を使用しておられるなら、
Firebug アドインをインストールすることで、現在注目している要素のスタイルに影響を及ぼしているスタイル指定を調べたり、再構築する前にスタイルの指定の変更などを試してみることができます。

IEの場合は、IE Developer Toolber をインストールすることで同様のことができます。(Firebug に比べると操作がちょっと面倒です)

2008-10-20 15:21:41

>>#1
「リンクの箇所が薄いグレーのような色」というのは、カラーコード#959595 が薄いグレーを示しているようですね。差し支えなければ、デザイン名とブログのURLを教えて頂けないでしょうか?

#6.  BLUEPIXY
2008-10-21 00:05:10

解決して良かったデス

2008-10-21 10:22:04

>>#2
BLUEPIXYさん、とてもナイスなサポートをどうもありがとうございました!!
この質問は僕だけの力じゃ解決に至らなかったと思うので、とても感謝しています。
ありがとうございました。

トラックバック(2)

トラックバックURL: