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

回答の条件
  • 1人2回まで
  • 登録:2007/03/21 04:51:19
  • 終了:2007/03/21 22:46:41

ベストアンサー

id:Baiden No.1

Baiden回答回数15ベストアンサー獲得回数32007/03/21 16:46:01

ポイント35pt

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

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

ヘッダー/フッターを編集して、カレンダーのモジュールを任意の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;

}

id:nakane2007

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

できないのでしょうか?

2007/03/21 21:19:41

その他の回答(1件)

id:Baiden No.1

Baiden回答回数15ベストアンサー獲得回数32007/03/21 16:46:01ここでベストアンサー

ポイント35pt

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

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

ヘッダー/フッターを編集して、カレンダーのモジュールを任意の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;

}

id:nakane2007

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

できないのでしょうか?

2007/03/21 21:19:41
id:Baiden No.2

Baiden回答回数15ベストアンサー獲得回数32007/03/21 22:05:05

ポイント35pt

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


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

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

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

#monthly .hatena-moduletitle

{

background-color: #aaaaaa;

}

id:nakane2007

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

2007/03/21 22:46:07

コメントはまだありません

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

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

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

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