解決済

clip!clip!
Ads By Google

記事ページの広告の色と記事の文字色…

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

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

回答(1)

1.

2006-07-02 18:06:50ベスト
記事の広告。BlogClick の事ですね。
こういう記事が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;}

ここを変更して下さい。色を変えるだけでしたら、#○○○... の部分の色コードを変更するだけですから、難しくないでしょう。

記事の文字色に関しては、テンプレートによって変更する位置が変わります。汎用に変更する位置を回答すると、変えたくない部分まで変更される恐れがあります。

あなたの、現在のブログのテンプレートのジャンルと、テンプレート名を、下部コメント欄に補足としてお書きください。
回答レベル : 回答

ほんとにわかりやすく、解決することができました!!!!
感謝、感謝です♪本当にありがとうございました!!!

Ads By Google

コメント(5)

#1.  エアロ
2006-07-02 22:23:24

丁寧な、素敵な回答ありがとうございます♪

テンプレートのジャンルは「エキセントリック」で
テンプレート名は「Love Darling」です。

#2.  AQ
2006-07-03 05:14:38

■ 記事の文字色の変更
上記回答と同じく 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;
}

ただし、最近キーワードタグが表示されるようになり、記事本文と本文追記文章と同じようになるよう、ひとまとめにされています。キーワードタグの文字色などを別個に設定したいのであれば、分離させてそれぞれを別にします。こんな感じ↓

#3.  AQ
2006-07-03 05:18:01

.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;}

こんな感じかな。

#4.  エアロ
2006-07-03 17:01:16

本当にありがとうございます!!!!!!!!
助かりましたww

#5.  AQ
2006-07-04 00:06:07

>エアロさん
い~え。どういたしまして。
ベストありがとうございました (^^)

トラックバック(2)

トラックバックURL: