كيف أصنع ملف css للطباعة؟
السلام عليكم،
مازال هناك أناس يحبذون طباعة المستندات الطويلة لقراءتها أو لاصطحباها معهم. قبل ثورة ال css
كان على مطور الموقع أن يصنع مقابل كل صفحة، صفحة آخرى للطباعة. بحيث تكون خالية من الألوان والتنسيقات الزائدة.
أما الأن فبكل بساطة يمكنك كتابة ملف css صغير يقوم بالمهمة كلها ولكل صفحاتك.
إذاً ماهي الخطوات اللازمة لعمله؟
1- ربط الملف الخاص بالطباعة مع الصفحة:
لاحظ استخدام media وتحديدها ب print حيث يقوم المتصفح تلقائياً عند طباعة الصفحة بأخذ التنسيقات من هذا الملف.
2- تحديد مجال ملف css الرئيسي:
بفرض أن ملف ال css الرئيسي لدينا اسمه style.css يجب أن نحدد مجاله بالشاشة حتى لايتعارض مع ملف الطباعة السابق
لاحظ أننا حددنا مجالها بإعطاء ال media قيمة screen أي الشاشة المرئية فقط.
3- إخفاء بعض العناصر:
بعض العناصر الموجودة في الصفحة لايجب أن تظهر وقت الطباعة مثل منطقة الهيدر (الموجود به شعار مدونتي) والروابط الجانبية … أي عند طباعة الملف نريد فقط المحتوى الرئيسي الموجود في الصفحة لبطاعته ولانريد طباعة روابط وتصنيفات !
#navigation, #blogroll {
display: none;
}
4- تكبير الخط:
يجب أن تكبر الخط قليلاً ليظهر واضحاً عند الطباعة فالحجم عند قراءته على الشاشة مناسب ولكن عند طباعته يظهر صغيراً للقارىء
body {
font-size: 120%;
line-height: 130%;
}
5- استخدم الإنش والنقاط كوحدات للقياس:
في ملف الطباعة اتخدم الإنش والنقاط بدل البكسل كوحدة للقياس لأنهم أكثر قابلية للتحكم بأحجام الخطوط.
body {
font-size: 12pt;
line-height: 18pt;
}
body #container {
margin: 1in 1.2in .5in 1.2in;
}ملاحظة: لن أكتب ملف طباعة خاص بالمدونة وسأخبركم عن السبب في وقت لاحق
















عمل أكثر من رائع
ومبارك لك ولنا به بإذن الله
—————–
ملاحظة: لن أكتب ملف طباعة خاص بالمدونة وسأخبركم عن السبب في وقت لاحق
ولكنى أريد معرفة السبب الأن — منتظر بلهفة —
الله يبارك فيك … بس يخلص التحدي
سأخبركم
السلام عليكم ورحمة الله وبركاته..
معلومة جديدة أفداتني شخصيا أخي الركيم خالد، وحقا مدونتك هادفة وأتوقع لها مستقبلا مشرقا بإذن الله، فقط تشجع واستمر والله الموفق..
بالمناسبة فنحن لازلنا ننتظر سبب عدم كتابة ملف الطباعة الخاص بمدونتك ^_^
موفق أخي ومني لك أرق تحية..
الحمد لله فالهدف هو إثراء المعلومات الموجودة لدينا …
بعد أربعة أيام سأخبركم به … أي بعد انتهاء التحدي
هيه خالد
(بمزح طبعاً)
شكلك بتضحك علينا
علشان نخرب مدوناتنا
أو شكلك ناوي تعمل add-in
بس على فكرة عجبني الموضوع
تحياتي
هههههههههه لماذا هذا الفضول العجيب؟؟؟
قلت لكم 4 أيام وستعرفون السبب
والسبب مقنع وليس حيلة للتهرب
هي فيها تحدي وألغاز؟
وفقك الله أخي في هذه المدونة
بحق مدونة مفيدة بمعنى الكلمة
لا تحدي ولا ألغز مجرد فكرة جميلة …
لم أكن أود كتابة هذه الملاحظة حول ملف البطاعة لمدونتي ولكن خفت أن يقرأ أحدهم ماكتبت ثم يخبرني “أنت من تكتب حول ملف الطباعة لم تكتب واحداً لمدونتك”
ولم أعلم أنها قد أشعلت الفضول فيكم
شكراً على الكلمات الطيبة