11.06.09
Preparando tu sitio web para impresión
por: Luis Flores
En más de una ocasión necesitamos imprimir algún artículo o página de internet y muchas veces preferimos mejor copiar y pegar el texto en un documento para ahorrarnos páginas y tinta. Los navegadores solucionan un poco el problema bloqueando los estilos sin embargo siempre quedan bastantes elementos innecesarios como listas de enlaces, publicidad, imágenes, etc.
Preparar un sitio web para impresión es bastante sencillo y puede hacer un poco más agradable la visita a tus lectores, solo basta con crear un pequeño archivo css y colocarle una clase a todo elemento que no deseas imprimir; también tiene la ventaja de que puedes crear una segunda diagramación mejor preparada para impresión.
Primero te aseguras que las hojas de estilo que estes usando tengan el atributo media=“screen”:
<link href="estilo.css" rel="stylesheet" type="text/css" media="screen"/>
De lo contrario navegadores como Opera y Firefox combinarán los estilos de estas hojas con la hoja de impresión.
Luego creas un hoja de estilo llamada print(o como quieras) que contenga lo siguiente:
body{background:#fff; color:#000;}
a {text-decoration: underline; color:#00f;}
.noprint{display:none;}
Luego la llamas en el html con:
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
Luego simplemente busca en tu plantilla las divs que contienen todo elemento que consideres innecesario para impresión como las barras laterales, el pie o incluso el encabezado y agregales la clase noprint. Yo quito el encabezado porque cuando imprimes desde el navegador siempre se imprime el url de la página y pues muchas veces el encabezado es bastante colorido y grande.
Puedes pre visualizar como queda utilizando la vista previa de impresión de tu navegador, generalmente se encuentra en el menú Archivo>Vista previa de impresión…
Como pueda que ya no tengas divs que obstruyan a la div contenedora de los artículos tómate la libertad de agregar más css para hacerla más ancha, agrandar el texto , etc. Para así aprovechar al máximo el espacio de impresión de la hoja.
Bueno espero te sirva de algo, cualquier duda déjala en los comentarios :).