はてなダイアリーのCSSカスタマイズについて、教えて下さい。

印刷用の設定を加えたいのですが、どうすれば可能でしょうか。
ヘッダの絵とサイドバーを読ませないようにしたいのと、見出しの字の色を黒に指定したいのです。
ヘッダとフッタはプリンタのドライバによって読まない設定ができるのも多いでしょうが、環境によってできなかったりする場合もあるかと。・・・
よろしくお願いいたします。

回答の条件
  • 1人2回まで
  • 登録:2007/07/08 13:38:46
  • 終了:2007/07/08 16:52:41

回答(2件)

id:wizemperor No.1

wizemperor回答回数379ベストアンサー獲得回数522007/07/08 14:06:28

ポイント15pt

どういう状況(HTML)で運用されているのかわからないので的確な回答はできませんが、

通常のデザインでしたら、下記のような内容を<head>~</head>に追加すればよいのではないかと思います。

(はてなダイアリで可能かどうかはわかりません。)

<style type='text/css' media='print'>
  table#banner,
  div.sidebar {
    display: none !important;
  }

  h1 {
    color: black !important;
  }
</style>
id:leewei

ありがとうございます。

上記内容をヘッダ、フッタに書き込んだところ、両方で「ここでstyleは使用できません」と表示されてしまいました。

はてダにおいてはこの方法は不可能のようです。

2007/07/08 14:39:06
id:lovely No.2

lovely回答回数88ベストアンサー獲得回数102007/07/08 16:10:15

ポイント60pt

スタイルシートに

@media print {
  table#banner, div.sidebar {display : none;}
}

と書くとどうでしょうか?

ヘッダをシンプルにしている場合は、table#banner のところを div#simple-header に置き換えてください。

id:leewei

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

table#banner, div.sidebarで、消すことができました。

2007/07/08 16:51:53
  • id:lovely
    回答に書き忘れました。
    ヘッダ・フッタを非表示にするのは、利用規約で禁止されています。
    印刷時だけなので個人的には問題ないと思いますが、念のためはてなに確認されたほうが確実かも知れません。
  • id:leewei
    >利用規約

    あ〜、なるほど。そういえばそうでしたね。
    一応有料オプションにしてるので、私個人は大丈夫だと思われます。
    まあ、ヘッダのバーくらいは、印刷で出ても良いかと、改めて思ってますが。

    ありがとうございました。
  • id:lovely
    有料オプションのことを失念していました。それなら印刷時も非表示にしても問題ないと思います。

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

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

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

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