解決済
投稿記事内のリンクに関しての質問
投稿記事に関しての質問です。投稿記事内の文章でリンクを張ったり、キーワード検索を付けることができますよね。
それの文字色はCSSのどこの部分に当たりますか？
よろしくお願いします。
回答(1)
1.
で、私や horsefly さんが回答なさった事や、コメント欄
でのやり取りが基本となる質問です。
通常は、単なる .a リンクが基本となるのですが、Yuji さんのブログには初めからその .a リンクの指示はされていないみたいです。.a リンクで設定しても良いのですが、それぞれの個所で個別にリンク色の設定をしておくほうが、好みの設定にしやすいと思います。（ じゃまくさいですが ）
そこで CSS に記事本文、記事追記文のリンク色の設定を、新たに書き込みます。
記事本文、記事追記文の設定を行なう指示をする場所は、上記前回の質問の horsefly さんの回答どおり、.main,.mainmore{ } ですから、この中のリンク （ ＝ a href ・・・ ） に対する指示を書き込めばよいわけです。このような感じになります。↓
.main,.mainmore a{color:#000000;}
.main,.mainmore a:link{color:#000099;}
.main,.mainmore a:visited{color:000099;}
.main,.mainmore a:active{color:000099;}
.main,.mainmore a:hover{color:#ffff00;text-decoration:none;}
のような感じです。#○○○... は適当に任意の色コードに変更して下さい。書き込む場所は適当な所でよいですが、わかりやすいように、.main,.mainmore{ } の近くにしておくほうが整理できて良いと思います。
これで CSS を保存。CSS の再構築を行ないます。
完成しますたぁ！
mainとmainmoreを分けて記述する必要があったんですねｗ
だいぶ自分の理想のブログになってきました。
AQさんいつもありがとうございます！
コメント(7)
その他にリンクさせる文章ごとにリンク色を変更する事も可能です。通常はリンクしている文章の色は青だけど、この文章だけは赤色でリンク表示させたい時などは、そのリンクさせた文章の前後を <div> で囲み、CSS にそれの指示を書き込んでおきます。こんな感じです。↓
<div class="link-aka">
<a href="http:///・・・・">この文章は赤色にしたい</a>
</div>
そして CSS の中に、こう書き込みます。
.link-aka a{color:#・・・・・・;}
.link-aka a:link{color:#・・・・・・;}
.link-aka a:visited{color:#・・・・・・;}
.link-aka a:active{color:#・・・・・・;}
.link-aka a:hover{color:#・・・・・・;text-decoration:none;}
これで、その文章だけ赤色に個別リンク表示されます。
今気づいたんですが、上の回答文 >>1 の中のリンクの色コードの # が3番目と4番目が抜けてますね。これは Yuji さんの CSS から抜き出したものなので、Yuji さん自身が間違っている事になります。正しくは、こうです。
.main,.mainmore a{color:#000000;}
.main,.mainmore a:link{color:#000099;}
.main,.mainmore a:visited{color:#000099;}
.main,.mainmore a:active{color:#000099;}
.main,.mainmore a:hover{color:#ffff00;text-decoration:none;}
Yuji さんの CSS の a.continues{ } の中をもう一度見直してください。
変化しないということであればコメントに書いてくださった方法を使うべきなんでしょうか？
そうであればCSSに書き込むほうはHTMLに対しての指示を書き込むということだと理解できるのですが、<div>ではさむというほうが理解できません。
これは投稿画面の本文入力の下にある「HTMLを確認する」のところから変更する内容なんでしょうか？
ご享受お願いしますm(_ _)m
それとあつかましいのですが、記事ごとのURLにジャンプした後、下のほうにある「前の記事」や「このブログのトップへ」などの色はどこをいじればいいでしょうか？？ｗ
こちらもできればでいいのでお願いします。。
>>#3
main と mainmore を分けて記述していただけますか。
.main a{}
.main a:link{color:#000099;}
.main a:visited{color:#000099;}
.main a:active{color:#000099;}
.main a:hover{color:#ffff00;text-decoration:none;}
.mainmore a{}
.mainmore a:link{color:#000099;}
.mainmore a:visited{color:#000099;}
.mainmore a:active{color:#000099;}
.mainmore a:hover{color:#ffff00;text-decoration:none;}
これで OK と思います。検証済みです。
もうひとつの、
＞下のほうにある「前の記事」や「このブログのトップへ」
＞などの色はどこをいじればいいでしょうか
・・・ ですが、こちらはこのリンクを囲んでいるクラス属性が menu なので、この menu に対する指示をします。すでに Yuji さんのブログの CSS にはこの menu に対するリンク指示が書き込まれています。それを修正しましょう。現在こうなっています。↓
.menu a{color:#999;}
.menu a:link{}
.menu a:visited{}
.menu a:active{}
.menu a:hover{text-decoration:none;}
これをこうしましょう。
.menu a{}
.menu a:link{color:#000099;}
.menu a:visited{color:#000099;}
.menu a:active{color:#000099;}
.menu a:hover{color:#ffff00;text-decoration:none;}
これで OK です。
皆さんの回答のおかげでだいぶCSSについてわかってきました。
クラス属性→それぞれの変更内容の列記
特に列記のさい、始め「：」終わり「；」を正しい位置で必ず包む。
どうやら自分がCSSでもっとわからなくちゃいけないのは、「クラス属性」のようですねｗｗ
>> Yuji さん
解決して良かったです。
別に Yuji さんを狙っているわけじゃないんですが、
ナレッジの質問に答えようとすると、Yuji さんの
質問が飛び込んできちゃうの。ｗｗ
ナレッジリズムが、同じグループなのね。^^;
ベストありがとうございました。
