- JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik...Cena: 64.35 zł
- Bootstrap 4 dla zaawansowanych. Jak pisać znakomite aplikacje interne...Cena: 31.85 zł
- Bootstrap. Tworzenie własnych stylów graficznychCena: 31.85 zł
- Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron...Cena: 34.30 zł
CSS drukowanie strony
Witam w tym artykule pokażę jak dodać kod css który będzie odpowiadał za drukowanie strony bez zbędnego tworzenia dodatkowej strony a więc tak za drukowanie w css odpowiada
media print
jak go zastosować pokażę dalej
Listing
<style type="text/css">
@media print {
body { background: #ffffff; color: #000; }
img{ display: none; }
a { text-decoration: underline; }
h1, p,{
font-family: "Times New Roman", "Times", "serif";
font-size: 13pt;
}
}
</style>
a teraz wyjaśnienie
body { background: #ffffff; color: #000; }
oznacza to jaki kolo strony ma być oraz kolor czcionki
img{ display: none; }
dzięki temu nie są drukowane zdjęcia tylko sam tekst
można również zablokować menu strony oraz pliki flash w ten sposób
navimenu { display: none; }
flashobj { display: none; }
Odnośników na papierze nie widać i dlatego należy je wyróżnić ja tu pokazuję jak je podkreślić
a { text-decoration: underline; }
h1, p,{
font-family: "Times New Roman", "Times", "serif";
font-size: 13pt;
definiujemy tutaj rodzaj czcionki typ wielkość w tym wypadku rodzaj Times New Roman ustawienie szeryfowe zwiększa to czytelność font-sieze rozmiar czcionki należy pamiętać że ma być wyznaczony w pt (punktach tą skalą posługuje się word itp)
@media print {
body { background: #ffffff; color: #000; }
img{ display: none; }
a { text-decoration: underline; }
h1, p,{
font-family: "Times New Roman", "Times", "serif";
font-size: 13pt;
}
}
</style>
a teraz wyjaśnienie
body { background: #ffffff; color: #000; }
oznacza to jaki kolo strony ma być oraz kolor czcionki
img{ display: none; }
dzięki temu nie są drukowane zdjęcia tylko sam tekst
można również zablokować menu strony oraz pliki flash w ten sposób
navimenu { display: none; }
flashobj { display: none; }
Odnośników na papierze nie widać i dlatego należy je wyróżnić ja tu pokazuję jak je podkreślić
a { text-decoration: underline; }
h1, p,{
font-family: "Times New Roman", "Times", "serif";
font-size: 13pt;
definiujemy tutaj rodzaj czcionki typ wielkość w tym wypadku rodzaj Times New Roman ustawienie szeryfowe zwiększa to czytelność font-sieze rozmiar czcionki należy pamiętać że ma być wyznaczony w pt (punktach tą skalą posługuje się word itp)
Dodano przez: altres Ranga: 0 Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno