Hide this notice

مرحبا أنت تستخدم انترنت اكسبلورر ٦ و هو متصفح اصدر في العام 2001 الا يبدو لك ذلك قديما .

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

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

Post Pic

أفكار لتحسين طباعة صفحتك بواسطة CSS

يمكنك التحكم بالطريقة التي يقوم الزائر بطباعة صفحتك بها و تحويلها إلى نسخة قابلة و مناسبة للطباعة باستخدام 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 لكن يمكنك إضافة كل العناوين التي تعلم انك ستستخدمها .

بقلم : فاطمة العمادي

أم و زوجة .. مصممة حرة و مصورة .. عرف الناس كتاباتي التقنية من خلال شخصية خيالية هي الدكتور نت . اصمم المواقع منذ العام ١٩٩٩م .

أوسمة : , , , ,

تعليقات الزوار (10)

[+] أضف تعليقك من فضلك



  1. Tar3q كتب:

    شكراً لك استفدت كثيراً من المقال ..


  2. انا سعيدة بذلك و شكر لمرورك


  3. mohssin كتب:

    شكرا لك سؤحاول تجريبها


  4. محمد المغربي كتب:

    بارك الله فيك أختي الكريمة
    أفكار متميزة ومبدعة
    في انتظار الجديد منكم
    مع تمنياتي بمزيد من الرقي والتميز


  5. A m e e r كتب:

    نستفيد دائما منك .. الشكر لك .., ,


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