Myはてなダイアリーの見出しが(無駄に)重複しています。

http://d.hatena.ne.jp/adlib/archive
 
 つぎのように整理したいので、手順を教えてください。
#1.最上段の「年月索引」を削除したい。
#2.中段の「年月日」と「タイトル」は、「・」印の行だけ残したい。
 
#3.下記の中段にある「プロフィール」以下を、#1に移動したい。
http://d.hatena.ne.jp/adlib/
 
 Profile of Awa Library Report
146546 Index ↓http://d.hatena.ne.jp/adlib/archive"
↑人名検索は、姓と名の間にスペースを入れ「日記」をクリックします。
「上下段に <前の日> があれば、その日付にも(同人名が)存在します」
Mail →http://www.enpitu.ne.jp/usr8/bin/list?id=87518&pg=000000

回答の条件
  • 1人3回まで
  • 登録:2006/04/09 07:18:54
  • 終了:2006/04/16 07:20:03

回答(1件)

id:Yuichirou No.1

Yuichirou回答回数112ベストアンサー獲得回数362006/04/09 13:14:02

ポイント60pt

まず、記事一覧ページ(http://d.hatena.ne.jp/(ユーザーID)/archive)はユーザーによるHTMLの編集ができません。そのため、#3のようなことはできません。

ですが、スタイルシートを編集することで、スタイルシートに対応したブラウザで#1・#2のような表示をさせることは可能です。


■ #1. 最上段の「年月索引」を削除したい

「年月索引」は全体が div.calendar に囲まれています。しかしページャー(「1 2 3 (中略) 次の50日分>」の部分)も div.calendar に囲まれているため、一筋縄ではいきません。

ここでは3つの設定方法を示しておきます。

1. ページャーも全部非表示
#hatena-archive div.calendar {
  display: block;
}
  • 特徴:Internet Explorerでも設定が効きます。
  • 欠点:ページャーが消えます。「次の50日分>」が表示されないため不便かと思います。
2. 年月索引のみ非表示
/* 上段の年月索引を非表示 */
#hatena-archive div.calendar:first-child {
  display: none;
}
/* 下段の年月索引を非表示 */
#hatena-archive div.day + div.calendar {
  display: none;
}
  • 特徴:年月索引は上下にあるのですが、それぞれを非表示にします。下段は残しておきたい場合は「下段の年月索引を非表示」以下を使わなければOKです。
  • 欠点:first-child疑似クラス・隣接兄弟セレクタに対応していない為、Internet Explorerでは設定が効かず、年月索引が表示されます。
3. 基本は年月索引のみ非表示、IEではページャーも全部非表示
#hatena-archive div.calendar {
  display: block;
}
/* 年月索引は表示 */
#hatena-archive div.calendar + div.calendar {
  display: block;
}
  • 特徴:1.と2.をブラウザの実装によって切り替わるようにしたものです。下段は年月索引を残しておきたい場合は「年月索引は表示」の代わりに以下のように設定します。
/* 上段の年月索引は表示 */
#hatena-archive div.calendar:first-child + div.calendar {
  display: block;
}

■ #2. 中段の「年月日」と「タイトル」は、「・」印の行だけ残したい

コレは簡単です。以下のように設定してください。Internet Explorerでも有効です。

#hatena-archive ul ul {
  display: none;
}

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

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

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

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

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