Πώς να προσθέσετε το εικονίδιο εκτύπωσης αυτής της σελίδας στην ιστοσελίδα σας;

Η προσθήκη ενός εικονιδίου "Εκτύπωση αυτής της σελίδας" στην ιστοσελίδα σας είναι ένας βολικός τρόπος για να επιτρέψετε στους χρήστες να εκτυπώσουν εύκολα την τρέχουσα σελίδα χωρίς να χρειάζεται να ανοίξουν το παράθυρο διαλόγου εκτύπωσης του προγράμματος περιήγησης. Δείτε πώς μπορείτε να το κάνετε:

HTML Code:

1. Προσθέστε τον ακόλουθο κώδικα HTML στο ` ενότητα ` του εγγράφου σας:

```html

```

Αυτή η γραμμή συνδέεται με ένα ξεχωριστό αρχείο CSS με το όνομα "print.css", το οποίο θα περιέχει τα στυλ εκτύπωσης για την ιστοσελίδα σας.

2. Στην ενότητα «», προσθέστε τον ακόλουθο κώδικα HTML όπου θέλετε να εμφανίζεται το εικονίδιο «Εκτύπωση αυτής της σελίδας»:

```html

```

Αυτός ο κώδικας δημιουργεί έναν σύνδεσμο που ενεργοποιεί τη λειτουργία εκτύπωσης του προγράμματος περιήγησης όταν γίνεται κλικ. Το χαρακτηριστικό `target="_blank"` ανοίγει την εκτυπωμένη σελίδα σε μια νέα καρτέλα. Αντικαταστήστε το "print-icon.png" με την πραγματική διαδρομή αρχείου εικόνας του εικονιδίου εκτύπωσης.

Κωδικός CSS:

3. Δημιουργήστε ένα αρχείο CSS με το όνομα "print.css" και προσθέστε τα ακόλουθα στυλ:

```css

@media print {

σώμα {

περιθώριο:0;

padding:0;

γραμματοσειρά-οικογένεια:Arial, Helvetica, sans-serif;

μέγεθος γραμματοσειράς:12 pt;

Ύψος γραμμής:1,5 εκ.

}

#print-icon {

οθόνη:καμία;

}

}

```

Αυτά τα στυλ εφαρμόζονται μόνο όταν εκτυπώνεται το έγγραφο. Αφαιρούν τα περιθώρια και τις επενδύσεις, ορίζουν τη γραμματοσειρά και το μέγεθος γραμματοσειράς και αποκρύπτουν το εικονίδιο "Εκτύπωση αυτής της σελίδας" για να μην εμφανιστεί στην εκτυπωμένη σελίδα.

Προσαρμογές:

- Μη διστάσετε να τροποποιήσετε τα στυλ εκτύπωσης στο "print.css" σύμφωνα με τις προτιμήσεις σας, όπως αλλαγή της γραμματοσειράς, του μεγέθους γραμματοσειράς, των περιθωρίων και τυχόν άλλων στυλ μορφοποίησης όπως επιθυμείτε.

- Μπορείτε να τοποθετήσετε το εικονίδιο "Εκτύπωση αυτής της σελίδας" οπουδήποτε θέλετε χρησιμοποιώντας την τοποθέτηση CSS.

- Αντικαταστήστε το "javascript:window.print()" στο χαρακτηριστικό `href` με οποιαδήποτε προσαρμοσμένη συνάρτηση JavaScript που μπορεί να θέλετε να εκτελέσετε πριν από την εκτύπωση του εγγράφου.

Με αυτήν την υλοποίηση, η ιστοσελίδα σας θα εμφανίζει τώρα ένα προσαρμοσμένο εικονίδιο "Εκτύπωση αυτής της σελίδας" στο οποίο, όταν κάνετε κλικ, θα ξεκινήσει αμέσως η διαδικασία εκτύπωσης, παρέχοντας μια απρόσκοπτη εμπειρία εκτύπωσης στους χρήστες σας.