Losha
04-02-2007, 06:20 AM
http://00op.com/up/uploads06-11-11/de50d3c9d6.gif
( شرح+حصري )
توزيع الهيدر و الفوتير وكافة الصور التجمليه وتلافى كافة الأخطاء لأى متصفح
+++============+++
بعد بحث في جميع المواقع التطويرية
لم أجد أي شرح أو طريقة تفيد لكي نتلافى أخطاء التصميم أو التركيب أو تقصيص الإستايل .
ووكأن هذه الطريقة مفتاح النجاح لبعض المصممين
لكي لا يظهروها للبعض ويتميزوا بها ..
أو تتم بطريق المصادفة من المصمم بدون علمه بانها الطريقه الصحيحه
قال تعالى : (وتعاونوا على البر والتقوى ولا تعاونوا على الإثم والعدوان)
(المائدة أية 2) صدق الله العظيم
وقول الرسول عليه أفضل الصلاة و السلام ((من كتم علماً.. الجمه الله يوم القيامة بلجامِ من نار ))
+++============+++
نبدأ بإذن الله
توزيع الهيدر و الفوتير وكافة الصور التجمليه وتلافى كافة الأخطاء لأى متصفح
+++============+++
شرح كيفية تلائم الستايل في جميع متصفحات الانترنت
يوجد طريقتان لتلافى خطأ التوزيع عبر المتصفح
الطريقة الأولى التحديد بحجم الخليه ولأنها تحتاج بال طويل وشرح قوى وتركيز
أتيت لكم بالشرح الأسهل لكى يتم التعرف عليه بكل سهولة من جميع الفئات
-------
قبل بدا الشرح عليك بتحميل إحدى المتصفحات الأتية
http://www.losha.net/shro7/tsmim/07.jpg (http://www.opera.com/download/)
أو
http://en-us.www.mozilla.com/img/firefox-title.png (http://en-us.www.mozilla.com/en-US/firefox/)
بعد تحميل إحدى المتصفحات هذه
عليك الان تتصفح هذا الإستايل
http://www.losha.net/vb/index.php?styleid=1
بفضل الله لن يحدث اى خلل معك والصورة ثابتة مكانها كما ينبغى
الان نتوجه ونتصفح هذا الإستايل
http://www.omman.net/vb/index.php
سوف تعلم ما الفرق
ولمن لم يرد العناء فى التحميل للمتصفحات وأكتفى بما عنده
فلك الفرق
أضغط على الصورة المصغرة لكى ترى الفرق
الصورة الأولى للتصميم بدون أخطاء على اى متصفح
http://www.losha.net/shro7/tsmim/0009.jpg (http://www.losha.net/shro7/tsmim/009.jpg)
الصورة الثانية وطبعاً التوزيع لى وكان قبل تعلمى اماكن الأخطاء
http://www.losha.net/shro7/tsmim/0008.jpg (http://www.losha.net/shro7/tsmim/008.jpg)
الأن نجهز العدة ونأتى بترمس شاى
نلاحظ كثيراً في معظم الإستايلات أنها تتشوه شكليا عندما نقوم بتغيير المتصفح من الأكسبلورر Internet Explorer الى متصفح أخر مثل fireFox أو Opera
المشكله تكمن في إستخدام أزرار المحاذاه والتوسيط وغيرها في الفرونت بيج عند تصميم الستايل
حل هذه المشكله هو عدم أستخدام هذه الأزرار نهائيا و تحريك الصور يدويا عن طريق الأكواد
http://www.losha.net/shro7/tsmim/1.jpg
وحتى نقوم بتسهيل هذه العمليه قمت بشرح مبسط لكيفية محاذاة صوره الى اليسار بدون اللجوء الى أزرار المحاذاه
وبنائاً على التطبيق للمحاذاه يسار سوف يتم ذلك يمين ويسار
ووسط
بعد إنشاء الخلايا الخاصه بالتصميم .. نضع الصوره وفي الشرح وضعنا العمود الأيسر بدون الضغط على المحاذاه لليمين
http://www.losha.net/shro7/tsmim/2.jpg
الان نقوم بالضغط مره واحده على الصوره حتى نقوم بمعرفة أمتدادها
ننتقل الى صفحة الأكوادا بتحديد إنقسام
http://www.losha.net/shro7/tsmim/3.jpg
نضع على يسار إمتداد الصوره هذا الكود
<div align="left">
فيكون هكذا
http://www.losha.net/shro7/tsmim/4.jpg
ثم نضع هذا الكود في أخر إمتداد الصوره
</div>
فيكون هكذا
http://www.losha.net/shro7/tsmim/5.jpg
بكل بساطه رابط الصوره الفعلي هكذا
<img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157">
قمنا بتعديله الى
<div align="left"> <img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157"></div>
فكان الناتج هو انتقال الصوره الى الجزء الايمن وهو المطلوب
http://www.losha.net/shro7/tsmim/6.jpg
نكرر هذه العلميه على كل الأجزاء المراد تحريكها في الخلايا
وهذه هي اكواد المحاذاه للجوانب والتوسيط
فتم التوسيط بهذا الكود بالإضافه قبل وبعد
قبل كود الصورة
فى التوسيط
<div align="center">
بعد كود الصورة
</div>
بكده تحكمنا فى طريقة العرض
يعنى الصورة التى تحتاج يسار نغير
<div align="left">
نهاية كود الصورة
</div>
يمين
<div align="right">
نهاية كود الصورة
</div>
وطبعا فى جميع الصور الهيدر والفوتير
والصور التجميلية التى تختص فقط بالتقطير وليس الصور العلويه والسفلية
وبكده يكون الإستايل والحمدلله فى الصدارة بلا كلام
وصل اللهم وسلم على سيدنا محمد وعلى اله وصحبه وسلم
في النهاية
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى
http://00op.com/up/uploads06-08-17/6008c7257f.gif
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت http://www.traidnt.net/vb/images/smilies/clap.gif فلله الحمد والمنة أن وفقت في ذلك
وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....
سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha
http://www.ojqji.net/vb/images/welcom/75.gif
لتحميل الدرس لمن لم تظهر عندة الصور
http://www.losha.net/shro7/tsmim/gobutton.gif Download (http://www.traidnt.net/vb/attachment.php?attachmentid=92209&stc=1&d=1165310742)
لمن أردا نقل الدرس بالكامل
http://www.losha.net/shro7/tsmim/gobutton.gif Download (http://www.traidnt.net/vb/attachment.php?attachmentid=92210&stc=1&d=1165310742)
هناك من يمر بموضوعك ويكون في أشد الحاجة إليه ويمنعه ضيق
الوقت من الرد عليه ويكتفي بالدعاء لك في ظاهر الغيب
( فأجعل هذا هو هدفك الذي تطمح أليه )
http://00op.com/up/uploads06-11-11/7ca72686c2.gif
الشكر موجه لكلاً من
أخى الحبيب ::+ تركى الودعانى +:: (http://www.traidnt.net/vb/index.php)
أخى الحبيب ::+ المتميز السعودى +:: (http://www.vip4vip.com/vb/index.php)
أخى الحبيب ::+ الليــوان +:: (http://www.allewan.com/vb/)
أخى الحبيب ::+ أبو سالم مجالس الجوارس+:: (http://www.aljawariss.net/vb/index.php)
ملحوظه
أختلفت الطرق إلى الوصول للحل الصحيح
ولاكن هذا أسهلهم
رابط الدرس الأصلى (http://www.losha.net/vb/showthread.php?t=2699)
( شرح+حصري )
توزيع الهيدر و الفوتير وكافة الصور التجمليه وتلافى كافة الأخطاء لأى متصفح
+++============+++
بعد بحث في جميع المواقع التطويرية
لم أجد أي شرح أو طريقة تفيد لكي نتلافى أخطاء التصميم أو التركيب أو تقصيص الإستايل .
ووكأن هذه الطريقة مفتاح النجاح لبعض المصممين
لكي لا يظهروها للبعض ويتميزوا بها ..
أو تتم بطريق المصادفة من المصمم بدون علمه بانها الطريقه الصحيحه
قال تعالى : (وتعاونوا على البر والتقوى ولا تعاونوا على الإثم والعدوان)
(المائدة أية 2) صدق الله العظيم
وقول الرسول عليه أفضل الصلاة و السلام ((من كتم علماً.. الجمه الله يوم القيامة بلجامِ من نار ))
+++============+++
نبدأ بإذن الله
توزيع الهيدر و الفوتير وكافة الصور التجمليه وتلافى كافة الأخطاء لأى متصفح
+++============+++
شرح كيفية تلائم الستايل في جميع متصفحات الانترنت
يوجد طريقتان لتلافى خطأ التوزيع عبر المتصفح
الطريقة الأولى التحديد بحجم الخليه ولأنها تحتاج بال طويل وشرح قوى وتركيز
أتيت لكم بالشرح الأسهل لكى يتم التعرف عليه بكل سهولة من جميع الفئات
-------
قبل بدا الشرح عليك بتحميل إحدى المتصفحات الأتية
http://www.losha.net/shro7/tsmim/07.jpg (http://www.opera.com/download/)
أو
http://en-us.www.mozilla.com/img/firefox-title.png (http://en-us.www.mozilla.com/en-US/firefox/)
بعد تحميل إحدى المتصفحات هذه
عليك الان تتصفح هذا الإستايل
http://www.losha.net/vb/index.php?styleid=1
بفضل الله لن يحدث اى خلل معك والصورة ثابتة مكانها كما ينبغى
الان نتوجه ونتصفح هذا الإستايل
http://www.omman.net/vb/index.php
سوف تعلم ما الفرق
ولمن لم يرد العناء فى التحميل للمتصفحات وأكتفى بما عنده
فلك الفرق
أضغط على الصورة المصغرة لكى ترى الفرق
الصورة الأولى للتصميم بدون أخطاء على اى متصفح
http://www.losha.net/shro7/tsmim/0009.jpg (http://www.losha.net/shro7/tsmim/009.jpg)
الصورة الثانية وطبعاً التوزيع لى وكان قبل تعلمى اماكن الأخطاء
http://www.losha.net/shro7/tsmim/0008.jpg (http://www.losha.net/shro7/tsmim/008.jpg)
الأن نجهز العدة ونأتى بترمس شاى
نلاحظ كثيراً في معظم الإستايلات أنها تتشوه شكليا عندما نقوم بتغيير المتصفح من الأكسبلورر Internet Explorer الى متصفح أخر مثل fireFox أو Opera
المشكله تكمن في إستخدام أزرار المحاذاه والتوسيط وغيرها في الفرونت بيج عند تصميم الستايل
حل هذه المشكله هو عدم أستخدام هذه الأزرار نهائيا و تحريك الصور يدويا عن طريق الأكواد
http://www.losha.net/shro7/tsmim/1.jpg
وحتى نقوم بتسهيل هذه العمليه قمت بشرح مبسط لكيفية محاذاة صوره الى اليسار بدون اللجوء الى أزرار المحاذاه
وبنائاً على التطبيق للمحاذاه يسار سوف يتم ذلك يمين ويسار
ووسط
بعد إنشاء الخلايا الخاصه بالتصميم .. نضع الصوره وفي الشرح وضعنا العمود الأيسر بدون الضغط على المحاذاه لليمين
http://www.losha.net/shro7/tsmim/2.jpg
الان نقوم بالضغط مره واحده على الصوره حتى نقوم بمعرفة أمتدادها
ننتقل الى صفحة الأكوادا بتحديد إنقسام
http://www.losha.net/shro7/tsmim/3.jpg
نضع على يسار إمتداد الصوره هذا الكود
<div align="left">
فيكون هكذا
http://www.losha.net/shro7/tsmim/4.jpg
ثم نضع هذا الكود في أخر إمتداد الصوره
</div>
فيكون هكذا
http://www.losha.net/shro7/tsmim/5.jpg
بكل بساطه رابط الصوره الفعلي هكذا
<img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157">
قمنا بتعديله الى
<div align="left"> <img border="0" src="Losha.Net/fraree/Stayle/fraree_02.gif" width="226" height="157"></div>
فكان الناتج هو انتقال الصوره الى الجزء الايمن وهو المطلوب
http://www.losha.net/shro7/tsmim/6.jpg
نكرر هذه العلميه على كل الأجزاء المراد تحريكها في الخلايا
وهذه هي اكواد المحاذاه للجوانب والتوسيط
فتم التوسيط بهذا الكود بالإضافه قبل وبعد
قبل كود الصورة
فى التوسيط
<div align="center">
بعد كود الصورة
</div>
بكده تحكمنا فى طريقة العرض
يعنى الصورة التى تحتاج يسار نغير
<div align="left">
نهاية كود الصورة
</div>
يمين
<div align="right">
نهاية كود الصورة
</div>
وطبعا فى جميع الصور الهيدر والفوتير
والصور التجميلية التى تختص فقط بالتقطير وليس الصور العلويه والسفلية
وبكده يكون الإستايل والحمدلله فى الصدارة بلا كلام
وصل اللهم وسلم على سيدنا محمد وعلى اله وصحبه وسلم
في النهاية
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى
http://00op.com/up/uploads06-08-17/6008c7257f.gif
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت http://www.traidnt.net/vb/images/smilies/clap.gif فلله الحمد والمنة أن وفقت في ذلك
وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....
سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha
http://www.ojqji.net/vb/images/welcom/75.gif
لتحميل الدرس لمن لم تظهر عندة الصور
http://www.losha.net/shro7/tsmim/gobutton.gif Download (http://www.traidnt.net/vb/attachment.php?attachmentid=92209&stc=1&d=1165310742)
لمن أردا نقل الدرس بالكامل
http://www.losha.net/shro7/tsmim/gobutton.gif Download (http://www.traidnt.net/vb/attachment.php?attachmentid=92210&stc=1&d=1165310742)
هناك من يمر بموضوعك ويكون في أشد الحاجة إليه ويمنعه ضيق
الوقت من الرد عليه ويكتفي بالدعاء لك في ظاهر الغيب
( فأجعل هذا هو هدفك الذي تطمح أليه )
http://00op.com/up/uploads06-11-11/7ca72686c2.gif
الشكر موجه لكلاً من
أخى الحبيب ::+ تركى الودعانى +:: (http://www.traidnt.net/vb/index.php)
أخى الحبيب ::+ المتميز السعودى +:: (http://www.vip4vip.com/vb/index.php)
أخى الحبيب ::+ الليــوان +:: (http://www.allewan.com/vb/)
أخى الحبيب ::+ أبو سالم مجالس الجوارس+:: (http://www.aljawariss.net/vb/index.php)
ملحوظه
أختلفت الطرق إلى الوصول للحل الصحيح
ولاكن هذا أسهلهم
رابط الدرس الأصلى (http://www.losha.net/vb/showthread.php?t=2699)