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

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


●質問者: leewei
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:CSS はてなダイアリー カスタマイズ サイドバー ドライバ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● wizemperor
●15ポイント

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

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

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

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

 h1 {
 color: black !important;
 }
</style>
◎質問者からの返答

ありがとうございます。

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

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


2 ● lovely
●60ポイント

スタイルシートに

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

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

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

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



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