じゅん☆ブログ

印刷用スタイルシート 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;
}
　　記事タイトルのクラスに改頁の設定を付加してみた。 　　
2006/01/29 15:26 | Trackback (0) | Comment (4)

≪ 本気ねこ | Top | 越川温泉（冬） ≫

Comment
いつも楽しく拝見しています。お久しぶり＾＾　お元気ですか？
少し痩せたみたいで心配しています。いっぱい食べて、少しはあたしより
太ってくださいｗｗ
たか | 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 :

Trackback
Trackback URL　:　http://505060.blog12.fc2.com/tb.php/144-6cd692b6
| Top |