記事ページの広告の色と記事の文字色…
記事ページの背景の変え方がわかって変えたのですが、広告のところの部分の色の変え方がわかりません。それから、文字色の変え方もわかりません。
ぜひ教えてください!!!!!
回答(1)
1.

こういう記事が2つ左右に並びます。↓
あ)あなたにピッタリの恋人は誰?
い)未知の恋人のタイプを無料で診断。あなたを幸せに導くキッカケがココにある。
う)www.na-tural.jp/fortune
え)powered by BlogClick
この文章と CSS の記述を照らし合わせてみます。説明がわかりやすいように左側に 『 あ・い・う・え 』 を付けてあります。
CSS の中にこの広告の記述がこう書かれています。↓
( 各テンプレートによって、カラーコードなどは違います )
/*-- 広告全体の表示位置 --*/
#ad{
text-align:center;
}
/*-- 広告の(あ)の部分 --*/
a.adtitle:link{color:#ff9900;font-weight:bold;}
a.adtitle:visited{color:#ff9900;font-weight:bold;}
a.adtitle:active{color:#ff9900;font-weight:bold;}
a.adtitle:hover{color:#ff9900;font-weight:bold;text-decoration:none;}
/*-- 広告の(い)の部分 --*/
a.addescription:link{color:#666;text-decoration:none;}
a.addescription:visited{color:#666;text-decoration:none;}
a.addescription:active{color:#666;text-decoration:none;}
a.addescription:hover{color:#666;}
/*-- 広告の(う)の部分 --*/
a.adurl:link{color:#666;text-decoration:none;}
a.adurl:visited{color:#666;text-decoration:none;}
a.adurl:active{color:#666;text-decoration:none;}
a.adurl:hover{color:#666;}
/*-- 広告の(え)の部分 --*/
a.adld:link{color:#ff9900;text-decoration:underline;}
a.adld:visited{color:#ff9900;text-decoration:underline;}
a.adld:active{color:#ff9900;text-decoration:underline;}
a.adld:hover{color:#a6a6a6;text-decoration:none;}
/*-- 広告の背景色の指示 --*/
body.ad{background:#faf9f4;}
ここを変更して下さい。色を変えるだけでしたら、#○○○... の部分の色コードを変更するだけですから、難しくないでしょう。
記事の文字色に関しては、テンプレートによって変更する位置が変わります。汎用に変更する位置を回答すると、変えたくない部分まで変更される恐れがあります。
あなたの、現在のブログのテンプレートのジャンルと、テンプレート名を、下部コメント欄に補足としてお書きください。
ほんとにわかりやすく、解決することができました!!!!
感謝、感謝です♪本当にありがとうございました!!!
コメント(5)
丁寧な、素敵な回答ありがとうございます♪
テンプレートのジャンルは「エキセントリック」で
テンプレート名は「Love Darling」です。
■ 記事の文字色の変更
上記回答と同じく CSS の中のこの部分・・・↓
.main,.mainmore,.article_tags{
font-size:14px;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
この中に、color:#○○○; を追加記述するだけです。
こんな感じ↓
.main,.mainmore,.article_tags{
color:#○○○;
font-size:14px;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
ただし、最近キーワードタグが表示されるようになり、記事本文と本文追記文章と同じようになるよう、ひとまとめにされています。キーワードタグの文字色などを別個に設定したいのであれば、分離させてそれぞれを別にします。こんな感じ↓
.main,.mainmore{
color:#○○○;
font-size:14px;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
.article_tags{
color:#□□□;
font-size:14px;
text-align:left;
line-height:150%;
padding:15px 0px 15px;
}
さらにキーワードタグのリンクテキストにも変更をかけます。
.article_tags a{}
.article_tags a:link{color:#□□□; text-decoration:none;}
.article_tags a:visited{color:#□□□; text-decoration:none;}
.article_tags a:active{color:#□□□; text-decoration:none;}
.article_tags a:hover{color:#△△△; text-decoration:underline;}
こんな感じかな。
本当にありがとうございます!!!!!!!!
助かりましたww
>エアロさん
い~え。どういたしまして。
ベストありがとうございました (^^)



