私は「はてなダイアリー」でスタイルシートを編集し,リンク色,コメント欄の色などを設定しているのですが,小見出し(**)色の変更方法が分かりません。スタイルシートへの書き方を教えて下さい。

回答の条件
  • 1人2回まで
  • 登録:2006/04/06 01:52:11
  • 終了:2006/04/06 02:17:22

回答(2件)

id:lovely No.1

lovely回答回数88ベストアンサー獲得回数102006/04/06 02:02:29

ポイント35pt

h4 { color : "好きな色"; }

でどうでしょうか。

id:tsukkun

文字には反映されました。

文字ではなく,L字型の部分の色だけを変える事はできないのでしょうか?

2006/04/06 02:15:03
id:Yuny No.2

ねがい かなみ回答回数953ベストアンサー獲得回数132006/04/06 02:07:46

ポイント35pt

小見出し(**の半角)はHTMLではh4とされています。

ですので、小見出しの部分に赤色を設定したい場合は

h4 { color: red; }  

となります。

詳しくは

http://www.tohoho-web.com/css/reference.htm#color

をご参考に。

はてなダイアリーのCSS設定方法については

はてなダイアリーガイド「CSSセレクタ」

がご参考になるかと思います。

または、一度適当な文章でプレビューしてみて、HTMLソースを見るなども良いと思います。

id:tsukkun

回答ありがとうございました。

これから設定致します。

2006/04/06 02:16:39
  • id:Yuny
    補足です。
    お使いのテーマhatena-lightblueのCSSはダイアリーのHTMLソースから
    http://d.hatena.ne.jp/theme/hatena-lightblue/hatena-lightblue.css
    にあるようです。
    そこでh4の設定を見てみると

    h4 {
    font-size: 100%;
    font-weight: bold;
    margin: 0.6em 10% 0 0.4em;
    border-left: 5px solid #D0E4FC;
    border-bottom: 1px solid #D0E4FC;
    padding: 0px 0.5em 0.1em 0.5em;
    }

    となっていますが、この
    border-left: 5px solid #D0E4FC;
    が小見出し左線の太さと色を、
    border-bottom: 1px solid #D0E4FC;
    が小見出し下線の太さと色を、それぞれ設定している部分ですね。
    ですので、例えば文字色も小見出しのL型線もすべてred(赤)にしたい場合は、スタイルシート欄に

    h4 { color: red;
    border-left: 5px solid red;
    border-bottom: 1px solid red;}

    と書き込めばその設定に上書きされるはずです。
  • id:tsukkun
    できました(・∀・)/
    ご丁寧にありがとうございました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません