[درس] توافق الاستايل مع متصفح موزيلا فاير فوكس

محروم.كوم · #1 06-14-2009, 11:24 PM

السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اخواني .. اخواتي نعلم شهرة متصفح موزيلا فايرفوكس وكثرة مستخدميه وخاصه اصحاب المواقع
وهو يحتاج تركيبات واكواد خاصه موافقه للمعاير القياسيه للويب حتى تتصفح من دون مشاكل
وانا من الناس الي اكره هالمتصفح كره عجيب لكن اذا صممت ستايل او ركبت اول ما اراعي هالمتصفح لان من وجهة نظري الخاصه بأن المصمم الذي يجهل اكواده وتوافقها مع الفاير فوكس
يعتبر مصمم مبتدئ وبأول الطريق
فالمسئله كلها اكواد بسيطه تستبدل ويطلع الاستايل مشدود ولا تلاحظ عليه اي اختلاف ويملاء عينك لاشفته
وابتكلم عن نقطتين الان بالاستايل مهمتين وهما اما بالهيدر (header) او الفوتر (footer) او تأطير القوالب اي كان او كود fieldset وهو الاطار الي يأتي الكلمات الدلاليه او ايقونات المشاركه او اطار من قوائم وسوف افصل بها بالصور بإذن الله .
نبدأ الان بالهيدر او الفوتر او التأطير . فكما نعرف ان الاستايل بعد التقطيع يتكون من عدة صور
فالهيدر يتكون بأغلب الاحيان ركنين وصوره يمين وصوره يسار وصوره ووسط والفوتر نفس الحكايه
فعند التركيب بالفرونت بيج يلزمنا توسيط الصوره الوسطى
فعند التوسيط بالفرونت بيج وخصوصا من اداة المحاذاة من القائمه يطلع معنا الكود التالي

رمز PHP:

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

(اضغط على الصوره لتراه بالحجم الطبيعي )

ياساتر وش هالتشويه
طبعا اي اي كود توسيط مثل الي ذكرنا قبل راح يسوي هالتوشيه سواء كان
بالهيدر او الفوتر او تأطير القوالب كالناف بار والفروم هوم وغيرها
طيب وشلون نحله
الامر بسيط جدا وماياخذ معك دقيقه ومنحله المشكله
الحل
نبحث عن هالكود

رمز PHP:

نستبدله

رمز PHP:

بجميع قوالبنا ونشيك نلقاه تمام التمام

(اضغط على الصوره لتراه بالحجم الطبيعي )

الحين انتهينا من القوالب
باقي لنا fieldset او الاطارات وهذي صور توضحها من الفاير فوكس قبل التعديل

نشوف الي بالزاويه المحدد عليه بالاحمر
طبعا مشوه الشكل وجميع اطار منحني يصير مثله
طيب وش الحل
الحل برضو بسيط كود بسيط من الاخ كتوم يوضع بخصائص CSS للاستايل المطلوب ويضبط الاستايل ميه بالميه والحين نجربه

الكود هو

رمز PHP:

fieldset{border:1px solid #D0D0BF;padding:8px;}

حيث 8px هي منحنى الدائره ونشاهده بعد تطبيق الكود
و #D0D0BF لون الحد حيث تضعه بما يناسب ستايلك
و 1px حجم الكود
ونضعه بخصائص CSS للاستايل المطلوب

الحين نشيك على ستايلنا ونشوفه

شفنا الفرق الحين

هذا كل ما بالامر نتساهل بشي بسيط وهو مشوه والمثل يقول نص الحلال نظره
باقي لنا شغله بسيطه وهي لاحظته انا بالرد السريع وخاصه بتعريب الاستاذ ضيف المهاجر وسوف اقوم بتبليغخ ان شاء الله لاحظوا الصوره

نشوف وشلون جايب لنا عرض الخلفيه كامله وطريقة تعديله كالتالي

البحث عن العبارات
نبحث عن العباره التاليه

رمز PHP:

*=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*

يطلع لنا نتيجة البحث كالتالي

(اضغط على الصوره لرؤيتها بحجمها الطبيعي)

نضغط على تعديل يطلع لنا كود العباره وهو كالتالي

رمز PHP:

*=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*

نستبدله بالتالي

رمز PHP:

*=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*

ونشيك عليه نلقاه طلع مزيون

واخيرا انصح اخواني المصممين واخواتي بأن يتجهوا لعالم CSS فهو الاجدر الان
ويكون متوافق مع w3 توافق تام ومع جميع المتصفحات ولا يوجد اخطاء برمجيه تضر بالمنتدى او الموقع
بالاخير اسئل الله العلي العظيم ان يوفقنا واياكم لما فيه الخير والصلاح
اخوكم ابوشدق
__DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
متصفح فاير فوكس للموبايل	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	02-20-2010 03:40 AM
[درس] توافق الاستايل مع متصفح موزيلا فاير فوكس	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-14-2009 11:10 PM
درس توافق التأطير مع المتصفحات الاخرى " فاير فوكس ، اوبرا "	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-12-2009 05:10 PM
مشكلة عدم توافق الاستايل مع الفاير فوكس	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-07-2009 07:40 AM
متصفح فاير فوكس ( Mozilla Firefox )	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-18-2009 01:30 AM