Pergunta  
 
Rede de conhecimento computador >> Pergunta >> PC Resolução de problemas >> Content
Como adicionar o ícone Imprimir esta página em sua página da web?
Adicionar um ícone "Imprimir esta página" à sua página da Web é uma maneira conveniente de permitir que os usuários imprimam facilmente a página atual sem precisar abrir a caixa de diálogo de impressão do navegador. Veja como você pode fazer isso:

Código HTML:

1. Adicione o seguinte código HTML ao ` ` seção do seu documento:

```html

```

Esta linha está vinculada a um arquivo CSS separado chamado “print.css”, que conterá os estilos específicos de impressão para sua página da web.

2. Na seção ``, adicione o seguinte código HTML onde deseja que o ícone "Imprimir esta página" apareça:

```html

```

Este código cria um link que aciona a função de impressão do navegador quando clicado. O atributo `target="_blank"` abre a página impressa em uma nova aba. Substitua “print-icon.png” pelo caminho real do arquivo de imagem do seu ícone de impressão.

Código CSS:

3. Crie um arquivo CSS chamado “print.css” e adicione os seguintes estilos:

```css
@impressão de mídia {
corpo {
margem:0;
preenchimento:0;
família de fontes:Arial, Helvetica, sans-serif;
tamanho da fonte:12pt;
altura da linha:1,5em;
}

#ícone de impressão {
exibição:nenhum;
}
}
```

Esses estilos são aplicados somente quando o documento é impresso. Eles removem margens e preenchimento, definem a fonte e o tamanho da fonte e ocultam o ícone “Imprimir esta página” para evitar exibi-lo na página impressa.

Ajustes:

- Sinta-se à vontade para modificar os estilos de impressão em "print.css" ao seu gosto, como alterar a fonte, tamanho da fonte, margens e quaisquer outros estilos de formatação conforme desejado.
- Você pode posicionar o ícone "Imprimir esta página" em qualquer lugar usando o posicionamento CSS.
- Substitua "javascript:window.print()" no atributo `href` por qualquer função JavaScript personalizada que você queira executar antes de imprimir o documento.

Com esta implementação, sua página da Web exibirá agora um ícone personalizado "Imprimir esta página" que, quando clicado, iniciará instantaneamente o processo de impressão, proporcionando uma experiência de impressão perfeita para seus usuários.

Anterior :

Próximo :
  Os artigos relacionados
·Websites de solução de problemas do computador 
·Como excluir Temp Imagens de Assistente Photo Print 
·Como desbloquear meu LeapFrog Epic 
·Você pode usar um cartão de débito na Amazon? 
·Como ler o tráfego HTTPS no Wireshark 
·Como obter a janela para preencher a tela 
·Tutorial Básico Reparação de Computadores 
·Como manter as pessoas de usar um computador no Windows…
·Tecnologia de orientação - artigos de instruções, g…
·Como jogar Ludo King online no PC 
  Artigos em destaque
·Aprovação de login necessária para o Facebook? O que…
·Como recuperar uma conta musical hackeada 
·Os sintomas da Trojan Horse Downloader Agent Apko 
·Como criar um plano de serviço de aplicativo no Azure{…
·Como desativar o botão MediaDirect 
·Como saber se alguém está aparecendo offline no Xbox 
·Meu computador trava e Mouse não vai responder 
·Como configurar o proxy nos navegadores Chrome, Firefox…
·Como identificar um disco rígido SCSI 
·Como usar Apenas um tapete anti -estática em Informát…
Cop e direita © Rede de conhecimento computador http://ptcomputador.com Todos os Direitos Reservados