解決済
ブログの各記事の下に出る投稿時間やコメント等の色の変え方の質問です。散々既出かもしれませんが探しても理解できなかったのでよろしくおねがいたします。
ブログの各記事の下に出る投稿時間やコメント等の色の変え方の質問です。検索などしたのですがなかなかしっくりくる答が見つからず久しぶりに質問させていただくことにしました。ただ今ブログ改装中につき背景を黒にしてみたのですがいかんせん見づらい字色が多いのが現状です。
最新記事やRecent Commentsなどのサイドバーの色も白くしたいのですが今は早急に記事の下にあるコメントなどの字を白くしたいです。
そしてもう一つ質問が・・・
サイトを見てもらえればわかってもらえると思うのですがサイドバーのタイトル（特に英字）がタイトルの枠の下ギリギリになってしまっています。こちらも下ではなく中間あたりに表示させたいのですが・・・。
一応ナレッジ内で検索したりｸﾞｸﾞってみたりはしたのですがしっくりくる回答が見つからなかったので質問してしまいました。すいません。
URLを一応載せておきます。他に何か変な点などありましたら良ければご指摘を御願いします。
回答(2)
1.
タイトルの枠の下ギリギリになってしまっています。これは.sidetitleのなかのpaddingで調整できます。
例えば以下のように入力した場合は
padding:1px 2px 3px 4px;上に1px、右に2px、下に3px、左に4pxの
スペースが出来ます。
ほとんどのプラグインタイトルは
.sidetitleで調整されますが
カレンダーとか、別のもありますので
その辺はやりながら確認してください。
2.
ですからCSSで
#cgmmenu a:link { color:カラーコード; }
#cgmmenu a:visited { color:カラーコード; }
#cgmmenu a:hover{ color:カラーコード; }
などのように追加で記述してください。個々に指定するのが面倒であれば
#cgmmenu a { color:カラーコード; }
と記述します。意味はID名「cgmmenu」の中にあるAタグの文字色を変更しますよ、という意味です。
a:linkはその内の未読リンク、a:visitedは既読リンク、a:hoverはロールオーバー時、a:activeはリンク動作時（リンクをクリックした瞬間）の指定です。
CSSはHTMLと連動して機能します。
ですから、CSSをカスタマイズする時は、HTMLソースを見て、CSSと突き合わせながらすると良いでしょう。
ところで#wrapperに背景色blackを指定しているために、#leftと#contentは背景色が黒になっていますが、#rightが白になっています。
そのた右側のテキストが白いので同化しています。
CSSで「#right .side a { color:カラーコード; }」などを指定するか、「#blogcontainer」に背景色黒（blackまたは#000000）を指定するとリンク文字が表示できます。
コメント(8)
投稿時からまたしばらく色々な情報を元に試行錯誤し色を変えることには成功したのですがどうもリンク先全ての色が変わってしまったようで困っています・・・。
ブログタイトルは黒。リンク先は白。既読は灰色のようにしたいのですが・・・現在なぜか青や紫などになってしまっています。
>万年床生活者さん
ありがとうございます。
徹夜で作業していたせいか・・・「正に」ですね（苦笑）
何分知識がないもので十数時間かかってしまいましたがなんとかマシになってきました。
自力で頑張った分少しCSSについて学べた気がします。
後はブログ右上部分に現れる「クリップ」や「ピクス」のリンク部分がリンク色白設定と背景色により見えない点などでしょうか・・・。ここがどうしてもわかりません。
ブログの方へ足を運んでくださった方他にも不具合が出ている部分がありましたらご指摘願います。
HTMLやCSSの勉強をしたり、リファレンス代わりに以下のサイトを利用してみてはいかがでしょうか。
http://www.tohoho-web.com/www.htm
なお、後のカスタマイズ等を考えると、文字色コードは統一しておいた方が、管理・作業が楽になると思います。
なるべく「black」「white」は使わない方が良いと思います。
皆さんご親切にありがとうございます。
非常に丁寧で感激してます。
お教え頂いた箇所すぐにでも修正したいのですが体力の限界に来てるので後ほど挑戦しようと思います。
本当にありがとうございました。
ところで私が#wrapperに背景色blackを指定していることや文字色コードにblackやwhiteを使っているのはどうやって調べてるんでしょうか？自分でブログのソースを見ると一見分からないような気がするのですが・・・何か特別なソフトウェアなどがあるんですか？
とにもかくにも親切丁寧な回答及びコメント本当にありがとうございます。
基本的にブラウザで表示できるHTMLやCSSのソースコードは[表示]-[ページのソースを表示]などで見る事ができます。
特別なソフトは要りません。
気になるデザインのサイトを見つけたら、ソースを見ると勉強になります。
慣れればソースを読むだけで、理解できるようになると思います。
