الدكتور نت

يمكنك التحكم بالطريقة التي يقوم الزائر بطباعة صفحتك بها و تحويلها إلى نسخة قابلة و مناسبة للطباعة باستخدام Css فقط بدون أي تعديل آخر .

تحديد الملف

أولا يجب تحديد ملف الطباعة بواسطة تحديد ملف خاص بذلك و سنسميه print.css و إعلام المتصفح أنه في حال استخدام أمر الطباعة يجب الاستعانة بهذا الملف بواسطة

<link rel="stylesheet" href="print.css" media="print" />

أولا : إظهار عناوين الوصلات

في حالة الطباعة في الوضع العادي ستظهر الوصلات كما تظهر لمستخدم الشبكة لكن عند الطباعة نحن نعلم أن المستخدم لا يستطيع الضغط على الوصلات . ما يمكننا القيام به هو طباعة العناوين بجانب الوصلات .مثلا لو كانت المنطقة التي تحمل النص للتدوينة أو الموضوع اسمها #content

#content p a:after {

content: " ("attr(href)") ";

font-size: 14pt;

}

ثانيا : إخفاء العناصر الغير ضرورية

مثل العناصر الجمالية . أو مثلا لو كانت الصفحة تحتوى على عمودين عمود للقوائم و عمود للنص يمكننا اخفاء عمود القوائم فلا حاجة للمستخدم به .

#sitebar {

display:none;

}

ثالثا :طباعة التعليقات في صفحة منفصلة

و هذه حيله تعلمتها من snook.ca و بها نقوم بكسر تسلسل الصفحات اي أن تبدأ التعليقات دائما في صفحة منفصلة و بالتالي تتيح المجال لمن يريد طباعة الموضوعات بدون التعليقات من فصلها و الحصول على الموضوع بشكل مرتب في صفحة واحدة .

#comments {page-break-before:always;}

التعريف #comments هو اسم التقسيم المحيط بالتعليقات لديك و عليك تغيره اعتمادا على ما تسمي  التعليقات في قالبك أو موقعك .

رابعا : الألوان

تأكد من تعديل الألوان بحيث تظهر جيدة في الطباعة ليس بالضرورة أن يكون كل شي بالأبيض و الأسود لكن أن تبدو مقروءة وواضحة عند الطباعة  .

خامسا : امنع تقسيم الصفحات بعد العناوين

في مثال التعليقات السابق كنا اجبرنا المتصفح على بدء التعليقات في صفحة منفصلة لكن من الأشياء التي من الممكن أن تحدث هو طباعة عنوان الفقرة و من ثم لا تكفي الصفحة و تبدأ طباعة الفقرة في الصفحة التي تليها  . لذلك سنقوم باجبار المتصفح على عدم فصل العنوان عن الفقرة .

h2, h3 {page-break-after:avoid;}

مع ملاحظة أنني هنا افترضت ان العناوين للفقرات ستكون من نوع h2 و h3 لكن يمكنك إضافة كل العناوين التي تعلم انك ستستخدمها .