أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

[مجابه] طلب تعريف عفاريت css ??

موضوع مغلق

الصفحة 2 من 4
<
1

24-09-2013 07:51 صباحاً
ashraf
معلومات الكاتب
السلام عليكم ورحمه الله وبركاته ،،،



بعد التحيه :



الرجاء من الاخوة خبراء التصميم افادتي عن عفاريت css يعني إيه اعرف الصور بابعدها ازاي وإيه عفاريت دي وهذا كلام الروبرت معاي ادناه :

اقتبـاس ،، Page Speed: Combine images using CSS sprites More Recommendations


Rule Summary
Type: Images
Priority: Medium
Difficulty: Moderate
Average Score: 69%
Overview
Combining images into as few files as possible using CSS sprites reduces the number of round-trips and delays in downloading other resources, reduces request overhead, and can reduce the total number of bytes downloaded by a web page.



وهذا لينك الشات بالصور اي عطاني عليها استعلام هنا طلب تعريف عفاريت css ??


تم تحرير الموضوع بواسطة :ashraf بتاريخ: 24-09-2013 10:24 مساءً


look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 02:30 مساءً   [1]
ezzeldean
معلومات الكاتب
تصفحت الرابط المرفق فى الموضوع و لم أجد نص الرسالة .. ما وجدته إن سرعة موقعك فى التصنيف F و معناها إنه ربنا يتولاك برحمته

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 08:23 مساءً   [2]
ashraf
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: ezzeldean تصفحت الرابط المرفق فى الموضوع و لم أجد نص الرسالة .. ما وجدته إن سرعة موقعك فى التصنيف F و معناها إنه ربنا يتولاك برحمته

اللهم اّمين .. لكن ترجمه النص مثلما ارفقت وبما انك خبير في التصميم ؟طلب تعريف عفاريت css ??

كان يمكن افادتي بشكل أفضل لا برد يزيد من استيائي !طلب تعريف عفاريت css ??

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 08:30 مساءً   [3]
Mr King
معلومات الكاتب
تفضّل أخي شرح ال css sprites





تم تحرير المشاركة بواسطة :Mr King بتاريخ:24-09-2013 08:55 مساءً


look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 08:55 مساءً   [4]
ashraf
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Mr King تفضّل أخي




ممنون لمدخلتك أخي كينج وصلاني فعلاً المعلومه واتذكر اني طرحت نفس الفيديو هنا كنصيحه لهم لكن المشكله عندي حبيت اغير لون gradient_tcat.png عن لون gradient_tcat.gif

مثال مباشر هنا وكنت أود ارشادي عن فعل ذلك بطريه صحيحه !

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 08:59 مساءً   [5]
Mr King
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: ashraf لكن المشكله عندي حبيت اغير لون gradient_tcat.png عن لون gradient_tcat.gif

مثال مباشر هنا وكنت أود ارشادي عن فعل ذلك بطريه صحيحه !



مش فاهم بالضبط تقصد ايه ؟؟

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 09:15 مساءً   [6]
ashraf
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Mr King
المشاركة الأصلية كتبت بواسطة: ashraf لكن المشكله عندي حبيت اغير لون gradient_tcat.png عن لون gradient_tcat.gif

مثال مباشر هنا وكنت أود ارشادي عن فعل ذلك بطريه صحيحه !



مش فاهم بالضبط تقصد ايه ؟؟

اقصد اني في الجزئيه هذة كما هي مشار اليها هنا اني مستسنيها من خاصيه الاميج سبريتس وفي نفس الوقت حابب اعرف الخطأ هنا ايضاً واصححه هو بيطلب ضغط الملف css

اقتبـاس ،،


Overview

Compacting CSS code can save many bytes of data and speed up downloading, parsing, and execution time.

؟

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 09:36 مساءً   [7]
Mr King
معلومات الكاتب
بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 09:44 مساءً   [8]
ezzeldean
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى




ضغط الملف لا يسبب أى مشاكل نهائياً .. كل ما هى فى الأمر إنه يقوم بمسح أى مسافات ليكون الكود مكتوب فى سطر واحد بدلاً من 500 سطر على الأقل



للتأكد طالع الرابط التالى : Click Here و نسخ محتوى الـ CSS و لصقه فى صفحة جديدة فى مُحرر الـ Notepad++ و ستفهم ما أقصده

تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:24-09-2013 09:46 مساءً


look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 09:45 مساءً   [9]
ashraf
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

طيب أخي كينج أنا عاوز أصل للرقم دة حتى مش لازم فول

اقتبـاس ،،


Page Speed Grade:
(99%)
79%
AYSlow Grade:
(97%)
78%
طلب تعريف عفاريت css ??

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 09:54 مساءً   [10]
ezzeldean
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: ashraf كان يمكن افادتي بشكل أفضل لا برد يزيد من استيائي !طلب تعريف عفاريت css ??



هل تحب أن ( أتفلسف ) عليك و فى آخر المطاف تقول حسبى الله و نعم الوكيل ؟؟! طلب تعريف عفاريت css ??



على العموم خير الكلام ما قل و دل أخى أشرف



لتسريع المنتدى حاول تنفيذ الآتى :-

- تقلل من عرض الصور فى صفحات منتداك مع منع الفلاشات

- إستخدام إعدادات PBBoard Seo

- ضغط ملف الـ CSS هذا موقع جيد لضعط ملفات الـ CSS فقط إختار نوع الملف CSS



عمل ملف .htaccess و ضع به الكود التالى

CODE

	# Turn on Expires and   set default to 0
	ExpiresActive On
	ExpiresDefault A0
	
	# Set up caching on media files for 1 year   (forever?)
	<FilesMatch   "\\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
	ExpiresDefault A29030400
	Header append Cache-Control "public"
	</FilesMatch>
	
	# Set up caching on media files for 1 week
	<FilesMatch   "\\.(gif|jpg|jpeg|png|swf)$">
	ExpiresDefault A604800
	Header append Cache-Control "public"
	</FilesMatch>
	
	# Set up 2 Hour caching on commonly updated   files
	<FilesMatch   "\\.(xml|txt|html|js|css)$">
	ExpiresDefault A7200
	Header append Cache-Control "proxy-revalidate"
	</FilesMatch>
	
	# Force no caching for dynamic files
	<FilesMatch   "\\.(php|cgi|pl|htm)$">
	ExpiresActive Off
	Header set Cache-Control "private, no-cache,   no-store, proxy-revalidate, no-transform"
	Header set Pragma "no-cache"
	</FilesMatch>




لم يتم تجربة الكود لذلك فإن النتائج سوف تتحملها كاملة

تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:24-09-2013 09:59 مساءً


look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 10:02 مساءً   [11]
ashraf
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: ezzeldean
المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى




ضغط الملف لا يسبب أى مشاكل نهائياً .. كل ما هى فى الأمر إنه يقوم بمسح أى مسافات ليكون الكود مكتوب فى سطر واحد بدلاً من 500 سطر على الأقل



للتأكد طالع الرابط التالى : Click Here و نسخ محتوى الـ CSS و لصقه فى صفحة جديدة فى مُحرر الـ Notepad++ و ستفهم ما أقصده

للاسف شاهد الصورة طلب تعريف عفاريت css ??

طلب تعريف عفاريت css ??

look/images/icons/i1.gif [مجابه] طلب تعريف عفاريت css ??
  24-09-2013 10:08 مساءً   [12]
ezzeldean
معلومات الكاتب
الكود صحيح 100% و لا يسبب مشاكل ، شاهد ملف الـ CSS الخاص يقالب البُستان و ستجد أن ملف مضغوط و يعمل بشكل طبيعى



كما إنى لاحظت إنك تعتمد على الصور بدلاً من الـ CSS مثال الصورة التالية



طلب تعريف عفاريت css ??



يمكنك أن تستبدل السطر التالى

CODE
background: #C65202 url(images/gradient_tcat.gif) repeat-x;<br />




بهذا السطر

CODE
background: #C25101;<br />




و إذا تم إستبدال مثل هذه السطور عدة مرات بشكل ملحوظ سوف يساعد على توفير حجم ملف الـ CSS و تقليل الصور و زيادة سرعة المنتدى



لأن السطر الأول يأخذ 62 بايت أما السطر الثانى يأخذ 20 بايت فقط و إذا تم إستبدال مثلاً 100 سطر فسوف توفر حوالى 4 كيلو بايت فى ملف الـ CSS و توفر إستعراض الصورة فى المتصفح

تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:24-09-2013 10:12 مساءً


الصفحة 2 من 4
<
1

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
[فكرة] الحفاظ على روابط المنتدى داخل المواضيع عبر رقم التعريف (ID) أبو العصافير
8 2780 أبو العصافير
تعريف الخطأ : Too many connections مهند
2 979 Soliman
من قام بمشاهده ملفك التعريفي للأصدار 2.1.1 بو غدير
13 4424 AHMED
تعريف لغة CGI محمد الصاوي
1 1298 محمد الصاوي
[الدرس الأول] : تعريف الاٍرث و أيات المواريث hy.faouzi
3 7339 hy.faouzi

الكلمات الدلالية
لا يوجد كلمات دلالية ..






الساعة الآن 07:51 AM