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

はてなダイアリーのスタイルシートのカスタマイズについて、教えて下さい。はまぞう「レビューを書く」で書いたレビュー一覧のページを、日記本体デザインとは別のレイアウトをするには、どうしたら良いのでしょうか?こんなことになっています。↓
http://d.hatena.ne.jp/YOW/asinreviewlist
h1、h2、本文がヘッダテーブルまで迫り上がってるのを、何とかしたいのです。
これは日記本体のスタイルシートでは、日記設定のタイトル画像の上にh2が乗るように、マイナスの数値でレイアウトされているのをASINレビューリストでも継承されてるため、ということなのですが。
よろしくご教授下さいませ。

●質問者: YOW
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:ASIN はてなダイアリー はまぞう カスタマイズ スタイルシート
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Yuichirou
●100ポイント ベストアンサー

レビュー一覧ページで日記本体とは別のデザインをすることは、現状難しいです。

しかし、今回はレビュー一覧ページで「タイトル画像」が表示されないのが原因なので、その「タイトル画像」の有無を逆に利用すれば解決できます。


具体的には、以下の設定を追加してください。

h1 img { margin-bottom: -140px; }
div.hatena-body { margin: 0 2% 0; }

(2行目の設定は既存のmargin設定に上書きしてください)

そう、ネガティブマージンを「タイトル画像」自体に設定すればいいのです。こうすればタイトル画像の表示されないページでは被せが起こりませんよね。

◎質問者からの返答

わ!わ!すごい。ちゃんとなりました!

h1 imgかー、こういう発想は全然無かったですねえ。。

訊いて良かった人力検索。

どうもありがとうございました。

関連質問


●質問をもっと探す●



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