كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت
نبدأ بإذن الله
توزيع الهيدر و الفوتير وكافة الصور التجمليه وتلافى كافة الأخطاء لأى متصفح
+++============+++
شرح كيفية تلائم الستايل في جميع متصفحات الانترنت
الان نتوجه ونتصفح هذا الإستايل
http://www.omman.net/vb/index.php
سوف تعلم ما الفرق
ولمن لم يرد العناء فى التحميل للمتصفحات وأكتفى بما عنده
فلك الفرق
أضغط على الصورة المصغرة لكى ترى الفرق
الأن نجهز العدة ونأتى بترمس شاى
نلاحظ كثيراً في معظم الإستايلات أنها تتشوه شكليا عندما نقوم بتغيير المتصفح من الأكسبلورر Internet Explorer الى متصفح أخر مثل fireFox أو Opera
المشكله تكمن في إستخدام أزرار المحاذاه والتوسيط وغيرها في الفرونت بيج عند تصميم الستايل
وحتى نقوم بتسهيل هذه العمليه قمت بشرح مبسط لكيفية محاذاة صوره الى اليسار بدون اللجوء الى أزرار المحاذاه
وبنائاً على التطبيق للمحاذاه يسار سوف يتم ذلك يمين ويسار
ووسط
نضع على يسار إمتداد الصوره هذا الكود
كود PHP:
<div align="left">
فيكون هكذا
ثم نضع هذا الكود في أخر إمتداد الصوره
كود PHP:
</div>
بكل بساطه رابط الصوره الفعلي هكذا
كود PHP:
<img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157">
قمنا بتعديله الى
كود PHP:
<div align="left"> <img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157"></div>
فكان الناتج هو انتقال الصوره الى الجزء الايمن وهو المطلوب
نكرر هذه العلميه على كل الأجزاء المراد تحريكها في الخلايا
وهذه هي اكواد المحاذاه للجوانب والتوسيط
فتم التوسيط بهذا الكود بالإضافه قبل وبعد
قبل كود الصورة
فى التوسيط
كود PHP:
<div align="center">
بعد كود الصورة
كود PHP:
</div>
بكده تحكمنا فى طريقة العرض
يعنى الصورة التى تحتاج يسار نغير
كود PHP:
<div align="left">
نهاية كود الصورة
كود PHP:
</div>
يمين
كود PHP:
<div align="right">
نهاية كود الصورة
كود PHP:
</div>
وطبعا فى جميع الصور الهيدر والفوتير
والصور التجميلية التى تختص فقط بالتقطير وليس الصور العلويه والسفلية
وبكده يكون الإستايل والحمدلله فى الصدارة بلا كلام
وصل اللهم وسلم على سيدنا محمد وعلى اله وصحبه وسلم
في النهاية
لتحميل الدرس لمن لم تظهر عندة الصور
لمن أردا نقل الدرس بالكامل
تحياتي
رد: كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت
رد: كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت
تشرفت بمرورك اخي النورس
تحياتي
