Loading:

Książka Zend Framework 3. Poradnik Programisty.

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



Napisz Artykuł

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)  


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=10&t=6105

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: altres Ranga: Poziom 10 Punktów: 449
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors