• はてなアカウントでログイン
• 無料ユーザー登録

みんなの回答

• Yuichirou2006/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;
  }
  

  スター

この質問へのコメント

質問の情報

登録日時

2006-04-09 07:18:54

終了日時

2006-04-16 07:20:03

回答条件

1人3回まで

この質問のカテゴリ

• はてなの使い方
• ウェブ制作

この質問に含まれるキーワード

人気の質問

• この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…匿名質問者112日前
• 不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者112日前
• 日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者16時間前
• 共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者116時間前
• 内定してほしいポケモンはいますか？匿名質問者17時間前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ