文字色について・・・・・

[PR] 松屋フーズ　店長候補募集中★年間休日116日、厚待遇で安心
[PR] ドトールコーヒー店長　戦略的な事業拡大のため大募集

解決済

Clip!

モデナ

スタンダードのホワイト(３カラム）使用。

サイドバー左右の文字色が薄いところと濃いところがあり、これを統一する方法を教えてください。

http://blog.livedoor.jp/modena7/?blog_id=1996986

clip

リンクポイントを色が変わるようにしたいので、
過去の事例を見て試したんですがうまくいきません。
{body～
a hover{色

2006-11-19 23:42の質問

違反を報告する

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

Ads By Google

<<前の質問を見る

次の質問を見る>>

回答(2)

2.

2006-11-20 00:35:52

AQ♪

CSS を覗いて見ると、ブログ内すべての
リンクテキストへの指示がこうなっています。

a{
color:#000000;
}
a:hover{
text-decoration:none;
}

サイドカラムのリンクされているテキストは、これの指示どおり、#000000 つまり黒色に表示されており、マウスを乗せると、text-decoration:none; つまり、アンダーラインが消えるようになっています。

サイドカラムのリンク表示を単独でおこなうので
あれば、以下の部分にその胸の記述を行ないます。

.side{
margin-bottom:25px;
padding:10px 0 0;
text-align:center;
line-height:135%;
font-size:12px;
}

.side a:visited{
color:#99999c;
}

これをこんな感じに。

.side{
margin-bottom:25px;
padding:10px 0 0;
text-align:center;
line-height:135%;
font-size:12px;
color:#○○○○○○;
}

この ○○○... の部分にカラーコードを入れることで、リンクされていない（現在では薄い文字と言われている部分です）文字のカラーを決定します。

.side a{}
.side a:link{color:#******;}
.side a:visited{color:#******;}
.side a:active{color:#******;}
.side a:hover{color:#??????;text-decoration:none;}

link の部分は、その名のとおり、リンクされている文字の色指定。visited は一度クリックされた文字の色指定。active はクリックした時の色指定。hover はマウスを乗せた時に変化する文字の色指定です。

記述変更後、CSS の保存を忘れずに。
CSS の再構築をおこない、ブラウザーを
再度読み込みなおして下さい (^^)

回答レベル : 回答

違反を報告する

3.

2006-11-20 02:24:48

Kiss115

クリックしても変わらずに
オンマウスで色を変えたいのなら

.side a:visited{
color:#99999c;
}

を削除して

.side a:hover{
color:#******;
}

これと入れ替えるだけでも良いですよ

違反を報告する

Ads By Google

コメント(3)

コメントする

#1. Kiss115

2006-11-20 00:46:22

AQさん　こんばんわ～＾＾

私のいい加減な説明も付け加えておきますね
変更されたい時は

.side a:visited{
color:#******;
}
.side a:hover{
color:#******;
}

となどと記述してくださいませ

カラーコード
http://www.finitojapan.com/cltable.html
http://www.tagindex.com/color/safe_color.html

違反を報告する

#2. モデナ

2006-11-20 02:13:09

ご回答ありがとうございました。
おかげさまで文字色の統一は、下記を削除する事で解決しました。
.side a:visited{
color:#99999c;

マウスを乗せた時の色変化は手こずっています。
二種類試してみました。
.sidetitle a{}
.sidetop{}
.side{
margin-bottom:25px;
padding:10px 0 0;
text-align:center;
line-height:135%;
font-size:12px;
　　　　.side a:hover{color:#ff4500;
-----------------------------------------
.sidetitle a{}
.sidetop{}
.side{
margin-bottom:25px;
padding:10px 0 0;
text-align:center;
line-height:135%;
font-size:12px;
　　　　.side a{}
.side a:link{color:#000000;}
.side a:visited{color:#000000;}
.side a:active{color:#000000;}
.side a:hover{color:#ff4500;text-decoration:none;}

これでは反映されませんでした。