Myはてなダイアリー表紙を、つぎのレイアウトに変えたいのです。

 #1 ~ #2 を削除し、Profile に変え、#5 & #7 を略したいのです。
http://d.hatena.ne.jp/adlib/archive
 
#0 Awa Library Report
#1 0000 | 00 | 01 | 12 |
#2 0001 | 01 |
────────────────────────────────
#4 2006-06-09  自動翻訳の女 ~ 悪女は淑女を駆逐する ~
#5  自動翻訳の女 ~ 悪女は淑女を駆逐する ~
#6 2006-06-06  絵空事 ~ ダゲール以後の画家たち ~
#7  絵空事 ~ ダゲール以後の画家たち ~
────────────────────────────────
#8 0000 | 00 | 01 | 12 |
#9 0001 | 01 |
 
 ◆ ↑=現状 ↓=予定
 
#0 Awa Library Report
*1 Profile of Awa Library Report
*2     169724 Index ↓http://d.hatena.ne.jp/adlib/archive"
────────────────────────────────
#4 2006-06-09  自動翻訳の女 ~ 悪女は淑女を駆逐する ~
#6 2006-06-06  絵空事 ~ ダゲール以後の画家たち ~
────────────────────────────────
#8 0000 | 00 | 01 | 12 |
#9 0001 | 01 |

回答の条件
  • 1人3回まで
  • 登録:2006/06/24 13:54:25
  • 終了:2006/07/01 13:55:13

回答(3件)

id:blanccasse No.1

blanccasse回答回数142ベストアンサー獲得回数152006/06/24 21:28:16

ポイント27pt

管理画面の『デザイン』→『詳細デザイン』の『ページのフッタ』部分、モジュールの並び順を入れ替えれば出来ますよ。

#5と#7が出てくるのはsectionモジュールの指定がおかしいからではないでしょうか?ソースを表示させてみると、通常

<ul>
        <li>なんとかかんとか</li>
        <li>なんとかかんとか</li>
        <li>なんとかかんとか</li>
        <li>なんとかかんとか</li>
</ul>

となるべきところが、

<ul>
        <li>なんとかかんとか</li>
</ul>
<ul>
        <li>なんとかかんとか</li>
</ul>
<ul>
        <li>なんとかかんとか</li>
</ul>
<ul>
        <li>なんとかかんとか</li>
</ul>

となっています。

ダイアリーヘルプを参照しつつ、見直してみてください。

id:smoking186 No.2

186回答回数74ベストアンサー獲得回数62006/06/25 01:47:32

ポイント27pt

1の回答は使えません. ユーザーは d.hatena.ne.jp/UserID/archiveのhtmlを変更できません. ということなので, cssで頑張ります.

htmlの構造としては,

  • body
    • h1 // #0
    • div#hatena-archive
      • div.calendar //カテゴリ表示
      • div.calendar //年月表示 #1-2
      • div.calendar //古い50日分
      • div.day
        • div.body
          • div.section
            • ul
              • li //#4, 6
              • ul
                • li //#5, 7
      • div.calendar //年月表示 #8-9
      • div.calendar //古い50日分

となっています.

#5, 7の省略

CSSで

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

と指定すればIE, Firefox, Opera, Safari等で大丈夫です.

#1-2の省略

こちらはブラウザによります.

CSSで

#hatena-archive .calendar + .calendar {
 display: none;
}
#hatena-archive .calendar + .calendar + .calendar,
#hatena-archive .day + .calendar + .calendar {
 display: block;
}

と指定すれば隣接セレクタを理解するブラウザで#1-2が見えなくなります (IE6以前は隣接セレクタに対応してないので無理です.)

*1-2の追加

htmlが変更できないので, contentを使って文字列を追加します.

#hatena-archive:before {
 content: "Profile of Awa Library Report \A 169724 Index ↓http://d.hatena.ne.jp/adlib/archive";
 display: block;
 margin: 10px 5%;
 white-space: pre;
}

で, :before疑似セレクタを理解するブラウザで文字列が追加されます.

また, 適当な画像を用意して背景画像を用いて表示するという手もあります.

#hatena-archive {
 padding-top: 100px;
 background-image: url("xxx.gif");
 background-position: left top;
 background-repeat: no-repeat;
}

padding-topの値は適当に変えてください. 画像の縦サイズ分より少し大きめに取ると良いと思います.

id:blanccasse No.3

blanccasse回答回数142ベストアンサー獲得回数152006/06/25 11:33:22

ポイント26pt

adlibさま、smoking186さま。

よく確認せず、ごめんなさい。archiveだと出来ないんですよね。ほんとごめんなさい。

  • id:blanccasse
    こんにちは。あれから大分経ち、ちょっと気付いたことがありましたので、ご報告です。

    『#1 ~ #2 を削除し、Profile に変える』件に関しては、smoking186さまの仰る方法しかないようです。が、『#5&#7を略す』のは、『h3』タグの削除で可能ではないでしょうか??

    はてな記法で「*」(半角アスタリスク)一個で始まる見出しが自動的に『h3』タグになり、#5&#7に該当。その日の日記日付&タイトル部分が『h2』タグになり、#4&#6に該当しているようですので、その日の日記タイトルのみの記入とすれば、重複は避けられるのでは・・・?

    ただ、当該archiveを拝見させて頂きますと、ものすごい数のエントリをお持ちのようですから、かなりの手間暇が掛かってしまいますよね。。。もっと良い方法が発見出来ましたら、またご報告させて頂きます。

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

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

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

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