解決済
日記のタイトルの文字色…
日記の本文の文字色は変えることができたのですが、タイトルの文字色が変えられません。あと、リンクの色はどうやって変えるのですか????
それから のページを見てもらえればわかると思いますが、日記のタイトルの隣のハートのマークの周りが、色が変わっていません。
ハートのマークを消してもいいので、どうにかすることはできないでしょうか??
すみませんが、よろしくお願いします。
回答(1)
1.
管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更するんですが、CSS を上から覗いていくと ・・・
■ ブログのタイトル文字の色変更
#banner,#subbanner{ } の下に、
こういう部分があるでしょ ↓
#banner a{color:#000;text-decoration:none;}
#banner a:link{text-decoration:none;}
#banner a:visited{text-decoration:none;}
#header a:active{text-decoration:none;}
#banner a:hover{text-decoration:underline;}
これの表記をこうして、変更して・・・
#banner a:link{color:#○○○; text-decoration:none;}
#banner a:visited{color:#○○○; text-decoration:none;}
#banner a:active{color:#○○○; text-decoration:none;}
#banner a:hover{color:#□□□; text-decoration:underline;}
カーソルをあてた時に色を変化させたかったら、最後の a:hover の部分の色コードを変えて下さい。text-decoration:none; は下線なし、text-decoration:underline; は下線あり。
■ 日記のタイトルの隣のハートのマークを削除
.title{
color:#fff;
background:url(http://image.blog.livedoor.com/img/usr/love_darling_icon_s.gif) no-repeat scroll 0 15px;
font-size:12px;
font-weight:bold;
padding:15px 0 0 20px;
}
のハート画像を削除します。こうなります。↓
.title{
color:#fff;
font-size:12px;
font-weight:bold;
padding:15px 0 0 20px;
}
＞ あと、リンクの色はどうやって変えるのですか????
これは、どこのリンクの事を言っていますか？
場所によって、指示するところが違います。
具体的な場所をコメント欄にお書きください。
毎度毎度ほんとうにアリガトウゴザイマスｗｗ
とってもわかりやすく、初心者の私でも修正できるようになります♪
すごく助かりました!!
コメント(7)
回答 >>1 の追記
■ 日記のタイトルの隣のハートのマークを削除
・・・ のところで、画像を削除しただけでは、タイトルが右に寄ったままだから、ここも変更して下さい。↓
padding:15px 0 0 20px; を↓
padding:15px 0 0 0px; に変更です。
またまた追記。
■ 日記のタイトルの隣のハートのマークを削除
を削除しないでもよいと思うけどな・・・。
全然おかしくないよ。もしあれなら、ライブドアの
絵文字の赤のハートを流用する手もあるよ。こうするの↓
.title{
color:#fff;
background:url(http://parts.blog.livedoor.jp/img/emoji/ic_b_heart.gif) no-repeat scroll 0 15px;
font-size:12px;
font-weight:bold;
padding:15px 0 0 20px;
}
返事が遅くなってすみません;;;;
またまたコメントありがとうございます^^;
タイトルの横のハートマーク。教えてくださった方法を使うと、周りの青色が消えて、解決しました!!!!!!!
ハートマークが残ってよかったですｗｗ
えーっと私がいっていたのはブログタイトルではなくて、記事のタイトルのことですごめんなさぃ(*_ _)人
これは、ハートマーク削除の説明をみていて、
title{
color:#fff;
とあったのを見つけて、解決しました♪♪♪
ありがとうございました★
リンクの話ですが、記事の内容のリンクの文のことです。
私のブログの場合、黄色になってますよね??
それが見づらいので、なんとか色を変えたいんです。
よろしくお願いします(＞_＜;)
記事本文中の、黄色のリンクの部分を変えるのは簡単。
CSS の中の、一番上にある、body{ } のすぐ下に
こういうところがあるでしょ。↓
a{color:#ff0;}
a:link{}
a:visited{}
a:active{}
a:hover{text-decoration:none;}
これの一番上に設定されている、#ff0 を好きな色コードに
変更するだけです。
ちなみに、たぶん聞いてくるだろうと予想される部分を先に答えておくね。記事本文下に表示されるこの部分↓
syuwa1992 at 22:39｜この記事のURL │Comments(0) │TrackBack(0) │ぐだぐだ話o
ここが白色の文字で見難いですよね。ここの修正はこの部分↓
.posted{
color:#fff;
font-size:11px;
text-align:right;
padding:10px 0;
}
.posted a{color:#fff;font-weight:bold;}
.posted a:link{}
.posted a:visited{}
.posted a:active{}
.posted a:hover{text-decoration:none;}
上の .posted に #fff が１箇所。
下の .posted a に #fff が１箇所。
この２箇所を好きな色に変えるだけです。
CSS を保存。CSS の再構築を忘れずに！
＞エアロさん
反応が無かったから、放置されたかと思いました ^^;
ベストありがとうございました。(^^)
