解決済

clip!clip!
Ads By Google

文字色・・・・・・・・・・・・・・・・・・・・

ブログ記事やその他の文字列にポインターを合わせると、読みやすいように色が変わるようにすることはできますか?

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

回答(1)

1.

2006-10-24 16:44:06ベスト
記事本文(文章)内のリンク文字とプラグイン(サイドバー)全体で、質問のように色を変更するには、CSSを変更することで可能です。

デザインにより、変更する位置が違うので、一般的な回答で書きます。

デザインを変更する手順で、カスタマイズを選択し、CSSを表示させます。そうしたら、そこに文字列があると思いますが、
body{
というところを探し、その近辺(下に進めると見つかるかと思います)に
a:active{}
a:hover{color:#ff0000;}
↑プラグイン全てのリンクポイント時の文字色

などというところがあるかと思いますので、ここを好みの色のコードにすることで色を変更できます。

色のコードに関しては、

カラーネーム 147色


色の組み合わせチェック


で確認し、いろいろと試してください。
回答レベル : 回答

ありがとうございました。
またよろしくお願い致します。

Ads By Google

コメント(4)

#1.  foissotté
2006-10-24 16:47:16

回答の例でいうと、color:#ff0000;の

#ff0000
の部分を変更するということです。

#3.  モデナ
2006-10-24 21:01:19

ご回答ありがとうございました。
教えて頂いたとおり実行したんですが、反映されないんです。
お手数ですが、もう一度教えてください。
デザインは、Tokyo-Drive 02です。

body{


margin:0;
padding:0;
font-size:12px;
color:#C9CBCA;
font-family:arial ,sans-serif;
text-align:center;background:url(http://parts.blog.livedoor.jp/img/usr/tokyodrive02/bg.jpg) repeat-x #5F5766;
}

a{color:#8E8482;text-decoration:underline;}
a:link{color:#8E8482;text-decoration:underline;}
a:visited{color:#8E8482;text-decoration:underline;}
a:active{color:#8E8482;text-decoration:none;}
a:hover{color:#0bff0a;text-decoration:none;}


a:active{color:#8E8482;text-decoration:none;}
a:hover{color:#0bff0a;text-decoration:none;}

#4.  foissotté
2006-10-25 20:44:09

今回の質問の設定箇所は、個別に設定されている場合は以下に記す部分になります。個別の設定がない場合は、必ずどこかで一括設定されています。

質問に関係するリンクポイント時の文字色変更する場所を記しますので、それぞれを変更してみてください。

■一括指定する場合(記事本文(文章)内のリンク文字とプラグイン(サイドバー)全体)
(a.asideなど、別のところで細かなリンク設定がされている場合は最小限のリンク設定になります)

a:active{}
a:hover{
↑これが書き出しにあること。a:activeの{}内には文字列は入れない。
もしくは
.blogbody a:hover{

■Blogタイトル下の説明文のリンク
#subbanner a:hover{

■毎日記本文内のリンク
   (個別設定がされていない場合は、「このBlogのトップへ」「前の記事」「次の記事」「続きを読む」を含む場合もあります)
.blogbody a:hover{

#5.  foissotté
2006-10-25 20:44:42

■「続きを読む」のリンク
(個別の設定をしていない場合は記事本文右下「Posted by 時間・コメント・トラックバック・カテゴリー名」「このページの上へ」を含む場合もあります)

a.acontinues:hover{

■記事本文下の「Posted by ~」のリンク(コメント本文下のリンクも含む)
a.aposted:hover{

■トラックバック右下の投稿者タイトル名のリンク
a.atrackback-post:hover{

■カレンダー日付のリンク
a.acalendar:hover{

■プラグイン(サイドバー)本文のリンク
a.aside:hover{

■「このBlogのトップへ」「前の記事」「次の記事」のリンク
a.amenu:hover{

の部分でcolor:#000000;の部分を変化させることで変わるはずです。解決につながるとよいのですが。

トラックバック(2)

トラックバックURL: