Ako pridať ikonu tlače tejto stránky na svoju webovú stránku?

Pridanie ikony „Vytlačiť túto stránku“ na vašu webovú stránku je pohodlný spôsob, ako umožniť používateľom jednoducho vytlačiť aktuálnu stránku bez toho, aby museli otvárať dialógové okno tlače prehliadača. Môžete to urobiť takto:

Kód HTML:

1. Pridajte nasledujúci kód HTML do súboru ` ` časť vášho dokumentu:

```html

```

Tento riadok odkazuje na samostatný súbor CSS s názvom „print.css“, ktorý bude obsahovať štýly špecifické pre tlač pre vašu webovú stránku.

2. Do sekcie „“ pridajte nasledujúci kód HTML tam, kde chcete, aby sa zobrazila ikona „Vytlačiť túto stránku“:

```html

```

Tento kód vytvorí odkaz, ktorý po kliknutí spustí funkciu tlače prehliadača. Atribút `target="_blank"` otvorí vytlačenú stránku na novej karte. Nahraďte „print-icon.png“ skutočnou cestou k súboru obrázka vašej ikony tlače.

Kód CSS:

3. Vytvorte súbor CSS s názvom „print.css“ a pridajte nasledujúce štýly:

```css

@media print {

telo {

okraj:0;

výplň:0;

rodina písiem:Arial, Helvetica, bezpätkové;

veľkosť písma:12pt;

výška riadku:1,5 em;

}

#print-icon {

displej:žiadny;

}

}

```

Tieto štýly sa použijú iba pri tlači dokumentu. Odstránia okraje a výplň, nastavia písmo a veľkosť písma a skryjú ikonu „Vytlačiť túto stránku“, aby sa nezobrazovala na vytlačenej stránke.

Úpravy:

- Neváhajte a upravte štýly tlače v "print.css" podľa svojich predstáv, napríklad zmeňte písmo, veľkosť písma, okraje a akékoľvek iné štýly formátovania podľa potreby.

- Ikonu „Vytlačiť túto stránku“ môžete umiestniť kamkoľvek chcete, pomocou umiestnenia CSS.

- Nahraďte "javascript:window.print()" v atribúte `href` akoukoľvek vlastnou funkciou JavaScript, ktorú by ste mohli chcieť spustiť pred tlačou dokumentu.

Vďaka tejto implementácii sa na vašej webovej stránke teraz zobrazí vlastná ikona „Vytlačiť túto stránku“, na ktorú sa po kliknutí okamžite spustí proces tlače, čo vašim používateľom poskytne bezproblémovú tlač.

• Predchádzajúca strana: Ako najať nezávislých pracovníkov z Upwork? 
• Ďalšia strana: Ako nájsť zdroj vložených šablón so štýlmi v prehliadači Chrome?