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.