[ط¯ط±ط³] طھظˆط§ظپظ‚ ط§ظ„ط§ط³طھط§ظٹظ„ ظ…ط¹ ظ…طھطµظپط* ظ…ظˆط²ظٹظ„ط§ ظپط§ظٹط± ظپظˆظƒط³


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

رمز PHP:
<code style="white-space:nowrap"> <code> <p align="center">
</code> </code>

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


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

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

رمز PHP:
<code style="white-space:nowrap"> <code> <p align="center">
</code> </code>

نستبدله

رمز PHP:
<code style="white-space:nowrap"> <code> <div align="center">
</code> </code>

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


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

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



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

الكود code هو

رمز PHP:
<code style="white-space:nowrap"> <code> fieldset{border:1px solid #D0D0BF;padding:8px;}
</code> </code>



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


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


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

هذا كل ما بالامر نتساهل بشي بسيط وهو مشوه والمثل يقول نص الحلال نظره