صفحه قالب چاپ

[amirrahimi69]

با سلام و خسته نباشید خدمت دوستان گل

من توی سایت www.mjbt.ir میخوام یه صفحه قابل چاپ درست کنم که وقتی که کاربر با گراویتی فرم یه فرم رو تکمیل میکنه و میخواد از صفحه کدرهگیری یه پرینت تهیه کنه اون قسمت های اضافی توی چاپ مخفی بشه ، مثل header و footer و ....

با css خیلی تلاش کردم نشد ، ممنون میشم دوستان منو راهنمایی کنن .

 

[Mohammad]

شما باید یک استایل جداگانه برای نسخه print باید بنویسید

لینک ها تنها برای اعضای سایت قابل نمایش است.

همین کار رو کردید؟

 

[amirrahimi69]

ممنون از پاسخ شما جناب @Mohammad

نخیر ،

اگه میشه و امکانش هست یه توضیح کامل بدید ، ممون میشم البته .

 

[Alaric]

همونطور که شما برای واکنش گرا ساختن سایت به استایل پوسته خودتون یه سری دستور جدید اضافه می کنید تا المان های پوسته در حالت های مختلف در شکل اندازه متفاوت نمایش داده بشه برای پرینت کردن هم چنین چیزی هست برای مثال کد زیر رو ببینید.

/*************************************************
printing
*************************************************/
@media print {
#header,#sticky-bar,#sticky-menu,#footer-wrapper,.page-controls,.widgets-wrapper,.video_frame,.reactions-wrapper,#recommended,#reply-form,#comments .filterbar,.author-profile-fields,.theme-icon-tag{display:none!important}
.author-info h3{float:left;padding-left:28px}
body{background:#FFF;font-size:10pt;margin:0}
h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}
h3{margin-left:10px;margin-bottom:0;padding-bottom:0}
blockquote,table,pre{page-break-inside:avoid}
ul,ol,dl{page-break-before:avoid}
img.centered{display:block;margin-left:auto;margin-right:auto}
img.right{display:inline;margin:0 0 2px 7px;padding:4px}
img.left{display:inline;margin:0 7px 2px 0;padding:4px}
.right{float:right}
.left{float:left}
img{page-break-inside:avoid;page-break-after:avoid}
}


شما باید المان هایی که میخواهید موقع پرینت شدن مخفی باشن رو پیدا کرده و نمایش اونها رو مخفی کنید.