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

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 |

●質問者: adlib
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:00 2006-06-06 2006-06-09 AWA INDEX
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● blanccasse
●27ポイント

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

#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>

となっています。

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


2 ● 186
●27ポイント

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

htmlの構造としては,

となっています.

#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の値は適当に変えてください. 画像の縦サイズ分より少し大きめに取ると良いと思います.


3 ● blanccasse
●26ポイント

adlibさま、smoking186さま。

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

関連質問


●質問をもっと探す●



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