|
[درس] توافق الاستايل مع متصفح موزيلا فاير فوكس السلام عليكم ورحمة الله وبركاته اسعد الله اوقاتكم بكل خير اخواني .. اخواتي نعلم شهرة متصفح موزيلا فايرفوكس وكثرة مستخدميه وخاصه اصحاب المواقع وهو يحتاج تركيبات واكواد خاصه موافقه للمعاير القياسيه للويب حتى تتصفح من دون مشاكل وانا من الناس الي اكره هالمتصفح كره عجيب لكن اذا صممت ستايل او ركبت اول ما اراعي هالمتصفح لان من وجهة نظري الخاصه بأن المصمم الذي يجهل اكواده وتوافقها مع الفاير فوكس يعتبر مصمم مبتدئ وبأول الطريق فالمسئله كلها اكواد بسيطه تستبدل ويطلع الاستايل مشدود ولا تلاحظ عليه اي اختلاف ويملاء عينك لاشفته وابتكلم عن نقطتين الان بالاستايل مهمتين وهما اما بالهيدر (header) او الفوتر (footer) او تأطير القوالب اي كان او كود fieldset وهو الاطار الي يأتي الكلمات الدلاليه او ايقونات المشاركه او اطار من قوائم وسوف افصل بها بالصور بإذن الله . نبدأ الان بالهيدر او الفوتر او التأطير . فكما نعرف ان الاستايل بعد التقطيع يتكون من عدة صور فالهيدر يتكون بأغلب الاحيان ركنين وصوره يمين وصوره يسار وصوره ووسط والفوتر نفس الحكايه فعند التركيب بالفرونت بيج يلزمنا توسيط الصوره الوسطى فعند التوسيط بالفرونت بيج وخصوصا من اداة المحاذاة من القائمه يطلع معنا الكود التالي رمز PHP: طيب نبي نشوفه بالاكسبلور يصير تمام ومافيه اي مشكله لكن لو شفناه بالفاير فوكس شوفو وش يصير شكله (اضغط على الصوره لتراه بالحجم الطبيعي ) ياساتر وش هالتشويه طبعا اي اي كود توسيط مثل الي ذكرنا قبل راح يسوي هالتوشيه سواء كان بالهيدر او الفوتر او تأطير القوالب كالناف بار والفروم هوم وغيرها طيب وشلون نحله الامر بسيط جدا وماياخذ معك دقيقه ومنحله المشكله الحل نبحث عن هالكود رمز PHP: نستبدله رمز PHP: بجميع قوالبنا ونشيك نلقاه تمام التمام (اضغط على الصوره لتراه بالحجم الطبيعي ) الحين انتهينا من القوالب باقي لنا fieldset او الاطارات وهذي صور توضحها من الفاير فوكس قبل التعديل نشوف الي بالزاويه المحدد عليه بالاحمر طبعا مشوه الشكل وجميع اطار منحني يصير مثله طيب وش الحل الحل برضو بسيط كود بسيط من الاخ كتوم يوضع بخصائص CSS للاستايل المطلوب ويضبط الاستايل ميه بالميه والحين نجربه الكود هو رمز PHP: fieldset{border:1px solid #D0D0BF;padding:8px;} حيث 8px هي منحنى الدائره ونشاهده بعد تطبيق الكود و #D0D0BF لون الحد حيث تضعه بما يناسب ستايلك و 1px حجم الكود ونضعه بخصائص CSS للاستايل المطلوب الحين نشيك على ستايلنا ونشوفه شفنا الفرق الحين هذا كل ما بالامر نتساهل بشي بسيط وهو مشوه والمثل يقول نص الحلال نظره باقي لنا شغله بسيطه وهي لاحظته انا بالرد السريع وخاصه بتعريب الاستاذ ضيف المهاجر وسوف اقوم بتبليغخ ان شاء الله لاحظوا الصوره http://www.aboshdg.net/up/uploads/im...441fcf8f41.gif نشوف وشلون جايب لنا عرض الخلفيه كامله وطريقة تعديله كالتالي البحث عن العبارات نبحث عن العباره التاليه رمز PHP: *=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===* يطلع لنا نتيجة البحث كالتالي http://www.aboshdg.net/up/uploads/th...c9db0cd749.gif (اضغط على الصوره لرؤيتها بحجمها الطبيعي) نضغط على تعديل يطلع لنا كود العباره وهو كالتالي رمز PHP: *=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===* نستبدله بالتالي رمز PHP: *=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===* ونشيك عليه نلقاه طلع مزيون واخيرا انصح اخواني المصممين واخواتي بأن يتجهوا لعالم CSS فهو الاجدر الان ويكون متوافق مع w3 توافق تام ومع جميع المتصفحات ولا يوجد اخطاء برمجيه تضر بالمنتدى او الموقع بالاخير اسئل الله العلي العظيم ان يوفقنا واياكم لما فيه الخير والصلاح اخوكم ابوشدق |
| الساعة الآن 08:11 AM |
Powered by vBulletin® Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir