じゅん☆ブログ

印刷用スタイルシート 2006.01.29
プレビュー
ボケーっとプラプラしていたら、CROSSBREEDさんのところで「印刷用CSS(スタイルシート)・weblog(ブログ)の印刷」という記事を見つけました。ブログとかってそのまま印刷するとサイドメニューや余計なモノまで印刷されてしまいますが、印刷用のスタイルシートを用意してあげるコトで、余計なモノを非表示にして印刷するコトが可能になります。記事をPDF出力したい場合(どんな場合じゃ?)に便利かなぁと思って「じゅん☆ブログ」にも導入してみました。印刷プレビューをしてみると印刷用スタイルシートが適用されているのを確認できるかと思います。なかなかオモシロいです♪
 
<link rel="stylesheet" href="~.css" type="text/css" media="print" />
  <head>内に上記を追加。「~.css」は印刷用CSS名。
 
@media print {
  #menu,#footer {
    display : none;
  }
}
  「~.css」の@media print { }内に非表示にしたい属性とか設定。
 
.entry_title {
  page-break-before : always;
}
  記事タイトルのクラスに改頁の設定を付加してみた。   

Comment
いつも楽しく拝見しています。お久しぶり^^ お元気ですか?
少し痩せたみたいで心配しています。いっぱい食べて、少しはあたしより
太ってくださいww
たか | 2006/01/29 20:50
★たかちん
あっ、あけおめー(笑)
お元気ですよー
たかは歯治ったかい?
 
最近ねー、痩せたかもねー
温泉入り過ぎだべか(笑)
じゅん☆ | 2006/01/29 22:05
きのうはここにじゅん☆とここまで印刷したの?
じゅん☆で、印刷ー!
じゅん☆とここまでじゅん☆とここにクラスみたいな適用された!
きょうねこちんが用意♪
BlogPetのねこちん | 2006/01/31 09:34
★BlogPetのねこちん
興奮してきたね?
じゅん☆ | 2006/01/31 20:59
コメントの投稿 (Japanese text only)
 Secret :