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

ستايلات Styles

مشاكل وحلول الاستايلات

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

: موضوع مغلق

الصفحة 2 من 4

الأخيرة

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

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 مساءً

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

24-09-2013 02:30 مساءً [1]

ezzeldean

تصفحت الرابط المرفق فى الموضوع و لم أجد نص الرسالة .. ما وجدته إن سرعة موقعك فى التصنيف F و معناها إنه ربنا يتولاك برحمته

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

24-09-2013 08:23 مساءً [2]

ashraf

المشاركة الأصلية كتبت بواسطة: ezzeldean تصفحت الرابط المرفق فى الموضوع و لم أجد نص الرسالة .. ما وجدته إن سرعة موقعك فى التصنيف F و معناها إنه ربنا يتولاك برحمته

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

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

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

24-09-2013 08:30 مساءً [3]

Mr King

تفضّل أخي شرح ال css sprites

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

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

24-09-2013 08:55 مساءً [4]

ashraf

المشاركة الأصلية كتبت بواسطة: Mr King تفضّل أخي

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

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

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

24-09-2013 08:59 مساءً [5]

Mr King

المشاركة الأصلية كتبت بواسطة: ashraf لكن المشكله عندي حبيت اغير لون gradient_tcat.png عن لون gradient_tcat.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.

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

24-09-2013 09:36 مساءً [7]

Mr King

بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

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

24-09-2013 09:44 مساءً [8]

ezzeldean

المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

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

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

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

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

24-09-2013 09:45 مساءً [9]

ashraf

المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

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

اقتبـاس ،،

Page Speed Grade:
(99%)
79%
AYSlow Grade:
(97%)
78%

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

24-09-2013 09:54 مساءً [10]

ezzeldean

المشاركة الأصلية كتبت بواسطة: ashraf كان يمكن افادتي بشكل أفضل لا برد يزيد من استيائي !

هل تحب أن ( أتفلسف ) عليك و فى آخر المطاف تقول حسبى الله و نعم الوكيل ؟؟! طلب تعريف عفاريت 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 مساءً

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

24-09-2013 10:02 مساءً [11]

ashraf

المشاركة الأصلية كتبت بواسطة: ezzeldean
المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

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

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

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

: [مجابه] طلب تعريف عفاريت 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

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
[فكرة] الحفاظ على روابط المنتدى داخل المواضيع عبر رقم التعريف (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