مدونة الويب 2.0

  • الرئيسية
  • تعريف بالمدونة
  • المصادر
  • تواصل معي
  • أخبار المدونة
  • أفكار
  • إضافات
  • برمجة
  • تصميم
  • تطوير
  • فعاليات
  • كتب
  • لقاءات
  • مدونات عربية
  • مشاريع
  • مهمات
  • مواقع

كيف أصنع ملف css للطباعة؟

July 20, 2008 - الأحد 18 رجب 1429 التصنيف: تصميم

السلام عليكم،

مازال هناك أناس يحبذون طباعة المستندات الطويلة لقراءتها أو لاصطحباها معهم. قبل ثورة ال css :D كان على مطور الموقع أن يصنع مقابل كل صفحة، صفحة آخرى للطباعة. بحيث تكون خالية من الألوان والتنسيقات الزائدة.

أما الأن فبكل بساطة يمكنك كتابة ملف 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;
}

ملاحظة: لن أكتب ملف طباعة خاص بالمدونة وسأخبركم عن السبب في وقت لاحق ;-)

شارك هذه التدوينة:
إضافة 'كيف أصنع ملف css للطباعة؟' إلى Del.icio.usإضافة 'كيف أصنع ملف css للطباعة؟' إلى diggإضافة 'كيف أصنع ملف css للطباعة؟' إلى Technoratiإضافة 'كيف أصنع ملف css للطباعة؟' إلى Stumble Uponإضافة 'كيف أصنع ملف css للطباعة؟' إلى Google Bookmarksإضافة 'كيف أصنع ملف css للطباعة؟' إلى FaceBookإضافة 'كيف أصنع ملف css للطباعة؟' إلى MySpaceإضافة 'كيف أصنع ملف css للطباعة؟' إلى Twitterإضافة 'كيف أصنع ملف css للطباعة؟' إلى FriendFeed
الوسوم: css, نصائح
أرسل هذه التدوينة لصديق أرسل هذه التدوينة لصديق
طباعة هذه التدوينة طباعة هذه التدوينة

    إقرأ أيضاً:

    • اختصارات ال CSS
    • أوراق المساعدة
    • أسرار نجاح المدونات العربية
    • مقدمة في CSS
    • التعقيد

8 تعليق في “كيف أصنع ملف css للطباعة؟”

  1. vbm: July 20, 2008 - الأحد 18 رجب 1429 في 5:26 ص

    عمل أكثر من رائع
    ومبارك لك ولنا به بإذن الله
    —————–

    ملاحظة: لن أكتب ملف طباعة خاص بالمدونة وسأخبركم عن السبب في وقت لاحق

    ولكنى أريد معرفة السبب الأن — منتظر بلهفة —


  2. Khaled: July 20, 2008 - الأحد 18 رجب 1429 في 10:47 ص

    الله يبارك فيك … بس يخلص التحدي :D سأخبركم


  3. عبد الهادي: July 20, 2008 - الأحد 18 رجب 1429 في 3:20 م

    السلام عليكم ورحمة الله وبركاته..
    معلومة جديدة أفداتني شخصيا أخي الركيم خالد، وحقا مدونتك هادفة وأتوقع لها مستقبلا مشرقا بإذن الله، فقط تشجع واستمر والله الموفق..
    بالمناسبة فنحن لازلنا ننتظر سبب عدم كتابة ملف الطباعة الخاص بمدونتك ^_^
    موفق أخي ومني لك أرق تحية..


  4. Khaled: July 20, 2008 - الأحد 18 رجب 1429 في 3:56 م

    الحمد لله فالهدف هو إثراء المعلومات الموجودة لدينا …
    بعد أربعة أيام سأخبركم به … أي بعد انتهاء التحدي


  5. علاء: July 20, 2008 - الأحد 18 رجب 1429 في 4:26 م

    هيه خالد
    شكلك بتضحك علينا
    علشان نخرب مدوناتنا :) (بمزح طبعاً)
    أو شكلك ناوي تعمل add-in
    بس على فكرة عجبني الموضوع

    تحياتي


  6. Khaled: July 20, 2008 - الأحد 18 رجب 1429 في 4:28 م

    هههههههههه لماذا هذا الفضول العجيب؟؟؟

    قلت لكم 4 أيام وستعرفون السبب :D والسبب مقنع وليس حيلة للتهرب


  7. مصطفى حسان: July 20, 2008 - الأحد 18 رجب 1429 في 7:54 م

    هي فيها تحدي وألغاز؟ :)

    وفقك الله أخي في هذه المدونة
    بحق مدونة مفيدة بمعنى الكلمة


  8. Khaled: July 21, 2008 - الاثنين 19 رجب 1429 في 12:07 ص

    لا تحدي ولا ألغز مجرد فكرة جميلة …
    لم أكن أود كتابة هذه الملاحظة حول ملف البطاعة لمدونتي ولكن خفت أن يقرأ أحدهم ماكتبت ثم يخبرني “أنت من تكتب حول ملف الطباعة لم تكتب واحداً لمدونتك”
    ولم أعلم أنها قد أشعلت الفضول فيكم :D

    شكراً على الكلمات الطيبة


شاركنا برأيك؟

الرجاء الكتابة باللغة العربية الفصحى، وإذا كنت تريد كتابة سؤال حاول البحث في غوغل أولاً فغالباً ستجد عنده الخبر اليقين.

  • الأكثر قراءة
  • الأحدث
  • الأرشيف
  • تعلم الكيك وتطوير المواقع بالبيت
  • أفضل الأدوات لرفع الملفات
  • تنظيم الوقت البرمجي
  • مقدمة في CakePHP
  • أفكار ومواقع ويب 2 شهيرة
  • لماذا غوغل شريرة!
  • الخطوط العربية
  • هل تريد أن تكسب 1000 دولار؟
  • تصميم قاعدة البيانات
  • مواقع عربية بالدروبال
    1. كتب مطلوبة
    2. إصلاح علة أمنية في دروبال 7.3 و 7.4
    3. حل المشكلة أم الترقيع؟
    4. مراجعة كتاب 50 Tips and Tricks for MongoDB Developers
    5. تعريب الوحدات الإضافية
    6. البرامج العربية
    7. تعريب الدروبال 7 – العد التنازلي للنواة
    8. تعريب الدروبال 7 – اليوم الثالث
    9. تعريب الدروبال 7 – اليوم الثاني
    10. تعريب الدروبال 7 – اليوم اﻷول
    11. تعريب الدروبال 7
    1. يونيو 2011
    2. مايو 2011
    3. أبريل 2011
    4. مارس 2011
    5. فبراير 2011
    6. يناير 2011
    7. ديسمبر 2010
    8. نوفمبر 2010
    9. أكتوبر 2010
    10. أغسطس 2010
    11. مارس 2010
    12. فبراير 2010
    13. يناير 2010
    14. ديسمبر 2009
    15. سبتمبر 2009
    16. أغسطس 2009
    17. يوليو 2009
    18. يونيو 2009
    19. مايو 2009
    20. مارس 2009
    21. فبراير 2009
    22. يناير 2009
    23. ديسمبر 2008
    24. نوفمبر 2008
    25. أكتوبر 2008
    26. سبتمبر 2008
    27. أغسطس 2008
    28. يوليو 2008
    29. يونيو 2008
    • اشترك بآخر الأخبار RSS

      Feeds Counter

      أو

    • أشارك بتعريب دروبال 7

    • أراجع كتب Oreilly

      I review for the O'Reilly Blogger Review Program
    • أفضل هدية تقدمها لي

    • تقنية الطماطم

      I Use the Pomodoro Technique
    • عشرون عام لمشروع اللينكس

      I'll be celebrating 20 years of Linux with
The Linux Foundation!
    • وسوم

      Ajax css IDE jQuery php SEO TinyMCE أخبار المدونة أذكار أطر العمل أفكار أمازون إدارة المحتوى إدارة محتوى إضافات استبيان الأجاكس الأمان الاختبارات الآلية الكيك اللغة العربية برمجة تحديثات تحميل تدوينات رمضان تصميم تطوير تعريب تعلم الكيك وتطوير المواقع بالبيت تكتيك تنظيم الوقت جوائز حديث دروبال دعاية فايرفوكس فرص عمل كتب مسابقات مشاريع مهمات مواقع نصائح هندسة برمجيات وورد بريس

    حول المدونة

    • 2008-2012 مدونة الويب 2.0.
    • يمكنك نقل المحتويات أو اقتباس أي جزء منها ويفضل ذكر المصدر.
    • من الممكن أن تساعدك خريطة الموقع.

    عروض العمل

    • يمكنك أن تناقشني حول عروض العمل للمدونات أو لمواقع الويب 2.0.
    • أيضاً يمكنك استشارتي في وضع التفاصيل لمدونة أو لفكرة مشروع جديد.
    • سيرتي الذاتية على My Linkedin Profile

    تواصل معي

    • خالد الحوراني مطور ويب 2.0
    • تابع أخباري على My Twitter account
    • أو راسلني فوراً

    Switch to our mobile site