Acabo de criar um CSS de impressão para este blog. Levei uns dez minutos.
O código ficou assim:
form,#sidebar,iframe,#otop,#respond,.navigation,.rec6,.linkk{
display:none;
}
h2{
margin:0;
}
.entry{
line-height: 150%;
}
#header h1{
margin:0;
padding:0;
font-size:24px;
}
#header .description{
padding:0;
}
h2{
padding:40px 0 0;
margin:0;
}
E o resultado:
Em suma: você esconde tudo o que não pode ser usado ou não faz sentido no papel (menus, formulários, etc.) e tenta não atrapalhar o usuário. Aliás, não dá para fazer muito mais do que isso. Os mecanismos de impressão dos navegadores foram feitos para simplificar as páginas e economizar tinta.
Fácil, não?
E akela parada no topo? página 1 de 1.. dá pra tirar?
Mandei imprimir para arquivo aqui e não funcionou, olhei no código da página e também não existe CSS para impressão.
Outra coisa, não seria melhor usar pt (points) ao invés de px (pixel)?
Até mais.
Cara, você salvou minha vida! 😀
Muito bacana, gostei e já vou aplicar!
Nunca tinha pensado em fazer isso, embora parecesse muito fácil… Belo trabalho, vou me basear nele pra implementar algo parecido no meu blog. Muio legal.
Bacana bacana… qualquer dia desses eu implemento algo com um css só para o print.
É sempre uma boa. Vou fazer isso para meus sites!
Talvez eu só tirasse o visual dos links, ou seja, cor azul e o sublinhado…
Outra questão estaria na unidade utilizada para as fontes, pois acho mais ‘seguro’ utilizar “pt” mesmo, já que o tamanho em pixels pode variar no resultado da impressão… Utilizando pontos nós temos certeza do modo pelo qual será impresso 🙂
É prático, muito prático!
Perfeito Élcio, muito bom mesmo, simples e rápido.
nossa, não sabia que tão poucas pessoas sabiam desse esquema de CSS para impressão…..
enfim, todo Site tem de ter 2 coisas fundamentais: CSS para apresentação e CSS para impressão 🙂
Agora sim seu site tem os dois!! abraço
AUhUAh a ultima informação que eu tinha é que isso so funcionava no IE… O FF ta com suporte agora? Gostei do meu coment ali na imagem =)
Fica a dúvida!!!
Faz isso como? Gera uma outra página so com esse estilo ou tem algum comando que desabilita o estilo padrão!?
Abraços
Poxa, adorei a idéia de montar tudo isso pelo css, adorei a idéia, vou utiliza-la para meus sistemas.
hehehe
Valeuz 😛