helldanger1
GForum VIP
- Entrou
- Ago 1, 2007
- Mensagens
- 29,631
- Gostos Recebidos
- 1
Veremos um pequeno truque com folhas de estilos para evitar que se possa imprimir uma página web com o botão de imprimir de nosso navegador.
Por Carlos Cuenca Díaz
Para isso, temos de usar as folhas de estilo. Tanto se o documento tem uma folha já associada como senão, o que vamos fazer é associar-lhe uma nova folha de estilos. Tal folha conterá um estilo, com o código necessário para ocultar um elemento:
.naover{
visibility:hidden
}
Na hora de associar a folha de estilos, se acrescenta um modificador à etiqueta HTML que linka com o arquivo .css que permite especificar para que tipo de meio se aplicará esta folha. Em nosso caso, se aplica no âmbito da impressão, pelo que se utiliza o atributo media="print".
<link href="nome_folha" rel="stylesheet" type="text/css" media="print">
Uma vez feito isso, basta que toda nossa página esteja dentro de um elemento div, que pertença à classe nãover.
<body>
<div class="naover">
-- Conteúdo --
</div>
</body>
Ao fazer isto provoca que a página seja visualizada na tela, mas que se pelo contrário se decide imprimir, se aplicará a folha de estilos de impressão, na qual o elemento está posto como não visível, portanto não se imprimirá.
Por Carlos Cuenca Díaz
Para isso, temos de usar as folhas de estilo. Tanto se o documento tem uma folha já associada como senão, o que vamos fazer é associar-lhe uma nova folha de estilos. Tal folha conterá um estilo, com o código necessário para ocultar um elemento:
.naover{
visibility:hidden
}
Na hora de associar a folha de estilos, se acrescenta um modificador à etiqueta HTML que linka com o arquivo .css que permite especificar para que tipo de meio se aplicará esta folha. Em nosso caso, se aplica no âmbito da impressão, pelo que se utiliza o atributo media="print".
<link href="nome_folha" rel="stylesheet" type="text/css" media="print">
Uma vez feito isso, basta que toda nossa página esteja dentro de um elemento div, que pertença à classe nãover.
<body>
<div class="naover">
-- Conteúdo --
</div>
</body>
Ao fazer isto provoca que a página seja visualizada na tela, mas que se pelo contrário se decide imprimir, se aplicará a folha de estilos de impressão, na qual o elemento está posto como não visível, portanto não se imprimirá.