人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ブログデザインの変更についてアドバイスをいただけますか?下記のブログでは、現在、見出し、日付、サイドバーのタイトルが黒なのですが、この色を変える設定方法を教えてください。お願いします。
http://reikon.hatenadiary.com/

●質問者: れいこん
●カテゴリ:はてなの使い方
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● いのくに
●100ポイント

http://reikon.hatenadiary.com/css/theme/report/report.css
241行目から245行目に

.entry-title a {
font-size: 20px;
color: #222;
text-decoration: none;
}

という記載がありますので、ここの #222 を任意のカラーコードに変更すると色を変更できます。

http://reikon.hatenadiary.com/css/theme/report/report.css
233行目から236行目に

.date a {
color: #000;
text-decoration: none;
}

という記載がありますので、ここの #000 を任意のカラーコードに変更すると色を変更できます。

http://reikon.hatenadiary.com/css/theme/report/report.css
154行目から158行目にございます、

body {
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
background: transparent;
color: #222;
}

の #222 という記述によりタイトルの色が表示されている模様ですが、ここを変更すると意図しない場所の所の色も変更される可能性があります。

該当のサイドバーのタイトルのみの色を変更する場合は div.hatena-module-title という class で指定できるようですので、下記のような css を http://reikon.hatenadiary.com/css/theme/report/report.css 等の末尾に追記すると宜しいかと思います。

div.hatena-module-title{
color: #888888;
}


れいこんさんのコメント
ありがとうございます。試してみます!

2 ● a-kuma3
●100ポイント ベストアンサー

「ダッシュボード」の「設定」→「デザイン」で、左側の「カスタマイズ」を選んで、
「{ }デザインCSS」の中に、以下の記述を追加、で、できると思います。

/* 記事のタイトル */
.entry-title * {
 color: red !important;
}

/* 日付 */
div.date * {
 color: pink;
}

/* サイドバーのタイトル */
.hatena-module-title {
 color: green;
}

color に続く、red とか pink をお好きな色に変えてください。
記事のタイトルのところにある !important は、消さないでください。
この指定がないと、色が反映されません。


れいこんさんのコメント
ありがとうございます。うまくいきました!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ