Bu işlemi çok basit bi kaç kod ile yapabiliriz. Amaç sayfada bulunan ancak yazıcıya gönderildiğinde belli bölgeleri gizlemek veya değiştirmek. “@media print” komutuyla gizlediğimiz, değiştirdiğimiz bu bölgeler CTRL+P ile yazı, yazıcıya gönderildiğinde önizlemede görünmeyecek veya farklı görünecek.
İşlemimize geçelim;
@media print{ .yazicida_gizlenecek_class { display:none; }} |
@media print {} komutunun içine girdiğimiz class’lar, id’ler printlendiğinde işleme girecek. Yukarıda da yaptığım gibi class’a “display:none;” değeri verdiğimde o class artık yazıcıda gizlenecek.
Eğer gizlemek yerine değiştirmek istiyorsak;
@media print{ .yazicida_gizlenecek_class { font-size:14px; font-family:georgia, arial, helvetica; }} |
Yukarıdada fontu “14px”, font tipinide “Georgia” yaptım.
Sizde bu şekilde yazıcıya gönderilen sayfanızı düzenleyebilirsiniz.
0 yorum:
Yorum Gönder