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

はてなの日記デザインでサイドバーの個々のタイトル、たとえばカレンダーなどの背景色を付けるにはどうしたらいいのでしょう。また、タイトル自体の文字はmoduletitleで指定できますが、これを全く表示させないようにするにはどうしたらいいのでしょうか?

●質問者: nakane2007
●カテゴリ:はてなの使い方 インターネット
✍キーワード:はてなの日記 カレンダー サイドバー タイトル デザイン
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Baiden
●35ポイント ベストアンサー

あまりスマートなやり方ではないかもしれませんが…

詳細デザイン設定の画面で、

ヘッダー/フッターを編集して、カレンダーのモジュールを任意のidのdiv要素で囲みます。

<div id="month">
<hatena name="calendar" delimiter="-">
</div>

これにより、スタイルシートで該当するidを持つクラス(カレンダー)の背景色を変更できます。(例では灰色)

#month .calendar

{

background-color: #aaaaaa;

}


同様に、sectionモジュールを任意のidのdiv要素で囲みます。

<div id="titles">
<hatena name="section" listlimit="10" titlelength="10" moduletitle="Title" showcategory="false" template="hatena-module">
</div>

このモジュールの場合、html上のタイトルのクラスは「hatena-moduletitle」となるので、

以下のように設定すれば非表示にできます。

#titles .hatena-moduletitle

{

display: none;

}

◎質問者からの返答

個々のタイトル、たとえば、カレンダーという文字の背景だけ変えたいのですが、これだとカレンダー全体が変わってしまいます。

できないのでしょうか?


2 ● Baiden
●35ポイント

回答の内容がズレてしまって申し訳ありません。


二番目の例とほぼ同じですが、カレンダーモジュールを任意のidのdiv要素で囲み、

<div id="monthly">
<hatena name="calendar2" template="hatena-module">
</div>

以下のように設定すれば、タイトルのみの背景色を変更できます。

#monthly .hatena-moduletitle

{

background-color: #aaaaaa;

}

◎質問者からの返答

できました、ありがとうございます。!!

関連質問


●質問をもっと探す●



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