-
Imprima a página em questão. Destaque tudo o que você deseja manter na impressão em verde. Marque os elementos que você não deseja manter em vermelho.
-
Crie um novo documento de folha de estilo. Chame de algo como "print.css".
-
Vincule sua nova folha de estilo à seção principal de sua página da web. Será algo parecido com isto:
<link href="print.css" type="text/css" rel="stylesheet" media="print"> -
Para cada elemento de sua página que você não deseja imprimir, atribua um atributo de classe ou id no HTML, se isso ainda não tiver sido feito. Por exemplo, se a navegação do site estiver em uma tag div, você poderá aplicar um ID como
<div id="nav">.Observe que um ID deve ser exclusivo em um documento, mas uma classe pode se aplicar a vários elementos.
-
No print.css, coloque uma instrução correspondente para não exibir o item. Por exemplo, se você não quiser que a navegação seja impressa, escreva div # nav {display: none} na folha de estilo de impressão.
-
Use print.css para definir melhor como os itens imprimíveis restantes aparecerão. Você pode ajustar o posicionamento, as margens da página, a tipografia, as cores e muito mais.