Come aggiungere l'icona Stampa questa pagina nella tua pagina web?

Aggiungere un'icona "Stampa questa pagina" alla tua pagina web è un modo conveniente per consentire agli utenti di stampare facilmente la pagina corrente senza dover aprire la finestra di dialogo di stampa del browser. Ecco come puoi farlo:

Codice HTML:

1. Aggiungi il seguente codice HTML al file ` Sezione ` del tuo documento:

```html

```

Questa riga si collega a un file CSS separato denominato "print.css", che conterrà gli stili specifici della stampa per la tua pagina web.

2. Nella sezione "", aggiungi il seguente codice HTML nel punto in cui desideri che venga visualizzata l'icona "Stampa questa pagina":

```html

```

Questo codice crea un collegamento che attiva la funzione di stampa del browser quando viene cliccato. L'attributo `target="_blank"` apre la pagina stampata in una nuova scheda. Sostituisci "print-icon.png" con il percorso effettivo del file immagine della tua icona di stampa.

Codice CSS:

3. Crea un file CSS denominato "print.css" e aggiungi i seguenti stili:

```css

@stampa multimediale {

corpo {

margine:0;

imbottitura:0;

famiglia di caratteri:Arial, Helvetica, sans-serif;

dimensione carattere:12pt;

altezza della linea:1,5 em;

}

#icona-stampa {

visualizzazione:nessuno;

}

}

```

Questi stili vengono applicati solo quando il documento viene stampato. Rimuovono i margini e la spaziatura interna, impostano il carattere e la dimensione del carattere e nascondono l'icona "Stampa questa pagina" per evitare di mostrarla sulla pagina stampata.

Regolazioni:

- Sentiti libero di modificare gli stili di stampa in "print.css" a tuo piacimento, ad esempio cambiando il carattere, la dimensione del carattere, i margini e qualsiasi altro stile di formattazione come desiderato.

- Puoi posizionare l'icona "Stampa questa pagina" ovunque desideri utilizzando il posizionamento CSS.

- Sostituisci "javascript:window.print()" nell'attributo `href` con qualsiasi funzione JavaScript personalizzata che potresti voler eseguire prima di stampare il documento.

Con questa implementazione, la tua pagina web ora visualizzerà un'icona personalizzata "Stampa questa pagina" che, se cliccata, avvierà immediatamente il processo di stampa, fornendo un'esperienza di stampa senza interruzioni per i tuoi utenti.

• Come assumere freelance da Upwork? 
• Come trovare l'origine dei fogli di stile inseriti in Chrome?