Blokada druku strony internetowej – HTML CSS

Co zrobić jeśli chcemy zablokować możliwość wydruku części strony internetowej.
Dlatego napisałem ten artykuł, pokaże wam jak w prosty sposób zablokować taką możliwość.
Każdy może to zrobić za pomocą prostej metody którą opisałem poniżej.

Po pierwsze należy napisać klasę CSS, którą można umieścić w sekcji naszego kodu HTML.

<style type="text/css">
  .print_this{display:none;}
  @media print {
   .noprint{display: none;}
   .print_this {
     display: block;
   }
  }
</style>

 

Klasa służy do zastąpienia tekstu ze strony inną treścią.
Przykład użycia w kodzie HTML:

<html>
 <head>
  <title>Print controll of an Html page</title>
  <style type="text/css">
    .print_this{display:none;}
    @media print {
     .noprint{display: none;}
     .print_this {
       display: block;
     }
    }
  </style>
 </head>
 <body>
  <div>
   <div class="noprint">Przykładowy tekst którego nie chcemy drukować</div>
   <div><h3>Ten tekst będzie drukowy nrmalnie</div>
   <div class="noprint">Inny tekst który nie będzie drukowny</div>
   <div class="print_this">Ukryty tekst, który będzie wydrukowany zamiast tekstu zawartego w "noprint"</div>
  </div>
 </body>
</html>

 

Tak będzie się prezentował wydruk tej strony.

Tekst który będzie drukowany normalnie
Ukryty tekst, który będzie wydrukowany zamiast tekstu zawartego w "noprint"

Permalink do tego artykułu: https://geek.net.pl/blokada-druku-strony-internetowej-html-css/poradniki/

Dodaj komentarz

Twój adres email nie będzie publikowany.

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.