リンク色の変更は解決

一晩寝ても、まだ謎の落ち込みが。これは重症かも・・・。

しかたないので、またCSSに取り組んでみましたが、昨日できなかったリンク色を変える件は解決しました。
このQ&Aが役に立ちました；
Q リンクや文字の色を変えたい-Q：リンクや文字の色を変えたい-アルキカタ版Ｑ＆Ａ - FC2ブログの歩き方

下のほうで指定するとページ全体のリンク色が変わってしまい、？？？と悩んでいたのですが、サイドバーのリンク色を変更ということを明示するために「クラス名 」というのが必要だったんですね。
そこで、サイドバーのリンク指定の下に、

sideBarW a, #sideBarW td a:link {
color: #000066;
}

sideBarW a, #sideBarW td a:visited {
color:#000066;
}

sideBarW a, #sideBarW td a:hover {
text-decoration:;
color: #CD5C5C;
}

sideBarW a, #sideBarW td a:active {
color:#000066;
}

というのを入れてみたら上手く行きました。（といっても、このブログはまだ変更していないんですけどね。）

CSSの困るのは、集中的に作業していると少しわかってくるのですが、何もやらない期間があるとすっかり忘れてしまうことです。
HPやブログのカスタマイズで悩んでいる人が多いのか、はてなブックマークを見ると、「最初に設定しておくCSSのポイント」みたいなエントリーが人気ですね。

リンクの色を変えたいのに

壊滅的に気分は落ち込んでいるので、あまり書くこともありませんが。

夕方息子もお昼寝をしたので、30分ほどと思って英語の本をソファで読んでいたら、珍しく雷が鳴って、外は大雨。ああ、今の気分にぴったりだあと思ってしまったのでした。

bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLifeというのを読んで。
CSSというのは、ブログやホームページのデザインを組むためのもの。文字の色や大きさを指定したり、背景の色を指定したり。ややっこしいです。
リンク文字の上にカーソルを載せると色が変わるようにしたかったのですが、なぜか出来ていませんでした。そこで、上のサイトにあったとおり

a:link {
color:#078D00;
text-decoration:none;
}
a:visited {
color:#189B12;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active {
color:#666;

というのを挿入してみたら、ちゃんとリンクの上にカーソルを載せるとアンダーラインが引かれるようになりました。でも、私は、アンダーラインではなく文字の色が変わるようにしたいんです。もう一つのブログでいろいろやってみたところ、記事中のリンクの色は変わるようになったけれど、左サイドメニューの中はどうしても色が変わらない。うーん、どうしてかなあ。

また変えてみた・・・

ご贔屓選手の怪我の様子が良くないと知り、とてもブルーな気持ちに。てきめんにカスタマイズを再開しました。

左メニューに変えてみたのですが、個人的には絶対こちらのほうが読みやすいと思います。ただ、テンプレのデザインが気に入らないんです（涙）。写真の位置が良くないし、ヘッダーの下に余分な余白があるし・・・。
ただ、人のブログを読むとき、デザインなんて別に気にならないものですよね？　自分のブログだから気になるだけで・・・。だから別にいいじゃん！と思いつつ、これはカスタムブルーというテンプレなんですが、新しくブルー左メニューというのを試してみようかと考えたり。すべては怪我の様子次第でしょうか。悪いようだとまた現実逃避が必要なので。でも、リーガエスパニョーラは私の現実ではないはずなのですが（おかしい・・・）。

左メニューを消すと・・・

そうは言いつつ、少しカスタマイズに挑戦していました。背景の色を変えてみたり、アンダーラインを消してみたりね。

左メニューの文字を消して、かつ背景色を残したいのですが、どうしても上手く行きません。左メニューを消すと背景も真っ白になってしまう。しかたないのかなあ。今のところ、もともと使っているテンプレートのほうが素敵です・・・。上の青一色を何とかしないとね。