CSS’de Sayfayı Yazdırırken Belli DIV’leri Değiştirmek veya Gizlemek

Unknown | 00:10 | 0 yorum

css-div-gizlemek
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.

Category: , ,

About GalleryBloggerTemplates.com:
GalleryBloggerTemplates.com is Free Blogger Templates Gallery. We provide Blogger templates for free. You can find about tutorials, blogger hacks, SEO optimization, tips and tricks here!

0 yorum