منتديات الناصح التطويرية  

مشروع التوسعة الثانية لرابطة التعاون الإسلامي
استسقاء الصوتية ، دردشة صوتية إسلاميةموقع الرفيع أعذب الأناشيد و الأمداح النبويةمنتديات لوشا التطويرية
دورة إدارة برمجية جملة للمبتدئين و المتوسطين
اتصل بنا : لطلبات خدمات المواقع و السيرفرات يرجى الاتصال على : admin[@]annasseh.com


عزيزي الزائر .. لا يمكنك مشاهدة روابط الخدمات

عروض الإعلان على منتديات الناصح

 
 

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  رقم المشاركة : ( 1 (permalink) )  
قديم 6 - 7 - 2010, 11:41 PM
الصورة الرمزية Losha
 
عضو شرف

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو
  Losha غير متواجد حالياً  
الملف الشخصي
رقــم العضويـــة : 6126
تـاريخ التسجيـل : 6 - 7 - 2010
العــــــــمـــــــــر :
الــــــــجنــــــس :
الـــــدولـــــــــــة :
المشاركـــــــات : 22 [+]
آخــر تواجــــــــد : 26 - 5 - 2011(12:00 AM)
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : Losha is on a distinguished road
Smile الدرس المنتظر(شرح) كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت

استضافة المواقع
 admin@annasseh.com 

( شرح+حصري )
توزيع الهيدر و الفوتير وكافة الصور التجمليه وتلافى كافة الأخطاء لأى متصفح
+++============+++

بعد بحث في جميع المواقع التطويرية
لم أجد أي شرح أو طريقة تفيد لكي نتلافى أخطاء التصميم أو التركيب أو تقصيص الإستايل .
ووكأن هذه الطريقة مفتاح النجاح لبعض المصممين

لكي لا يظهروها للبعض ويتميزوا بها ..
أو تتم بطريق المصادفة من المصمم بدون علمه بانها الطريقه الصحيحه


الشكر موجه لكلاً من قدم لي المساعده في إخراج هذا الدرس بالشكل الذي ترونه وحتى يستفيد منه الجميع


  • قال تعالى : (وتعاونوا على البر والتقوى ولا تعاونوا على الإثم والعدوان)
  • (المائدة أية 2) صدق الله العظيم
  • وقول الرسول عليه أفضل الصلاة و السلام ((من كتم علماً.. الجمه الله يوم القيامة بلجامِ من نار ))

+++============+++

نبدأ بإذن الله

توزيع الهيدر و الفوتير وكافة الصور التجمليه وتلافى كافة الأخطاء لأى متصفح

+++============+++

شرح كيفية تلائم الستايل في جميع متصفحات الانترنت

يوجد طريقتان لتلافى خطأ التوزيع عبر المتصفح
الطريقة الأولى التحديد بحجم الخليه ولأنها تحتاج بال طويل وشرح قوى وتركيز
أتيت لكم بالشرح الأسهل لكى يتم التعرف عليه بكل سهولة من جميع الفئات
-------
قبل بدا الشرح عليك بتحميل إحدى المتصفحات الأتية

أو



بعد تحميل إحدى المتصفحات هذه
عليك الان تتصفح هذا الإستايل
منتديات لوشا التطويرية
بفضل الله لن يحدث اى خلل معك والصورة ثابتة مكانها كما ينبغى

الان نتوجه ونتصفح هذا الإستايل
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


وطبعا فى جميع الصور الهيدر والفوتير

والصور التجميلية التى تختص فقط بالتقطير وليس الصور العلويه والسفلية


وبكده يكون الإستايل والحمدلله فى الصدارة بلا كلام
وصل اللهم وسلم على سيدنا محمد وعلى اله وصحبه وسلم

في النهاية
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى

فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت فلله الحمد والمنة أن وفقت في ذلك

وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....

سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله

Ali Losha


لتحميل الدرس لمن لم تظهر عندة الصور

Download

لمن أردا نقل الدرس بالكامل

Download


  اقتباس هناك من يمر بموضوعك ويكون في أشد الحاجة إليه ويمنعه ضيق
الوقت
من الرد عليه ويكتفي بالدعاء لك في ظاهر الغيب

( فأجعل هذا هو هدفك الذي تطمح أليه )

ملحوظه
أختلفت الطرق إلى الوصول للحل الصحيح
ولاكن هذا أسهلهم

توقيع » Losha
رد مع اقتباس
قديم 6 - 7 - 2010, 11:53 PM   رقم المشاركة : ( 2 (permalink) )
~ آدارة آلمنتدى ~

الصورة الرمزية T.H.E_V.I.R.U.S

الملف الشخصي
رقــم العضويـــة : 2
تـاريخ التسجيـل : 26 - 1 - 2008
العــــــــمـــــــــر :
الــــــــجنــــــس :
الـــــدولـــــــــــة : فلسطين - طولكرم
المشاركـــــــات : 425 [+]
آخــر تواجــــــــد : 7 - 12 - 2011(09:09 PM)
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : T.H.E_V.I.R.U.S تم تعطيل التقييم

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

T.H.E_V.I.R.U.S غير متواجد حالياً

افتراضي

تصميم مواقع كاملة
 admin@annasseh.com 
اشكرك من صميم قلبي ولكن اسمح لي بحذف كلمة حصري من العنوان

لك مني اطيب تحيه

الـفـايـــــــــروس
توقيع » T.H.E_V.I.R.U.S


اخصائـــي نفســـي
E-mail :admin@v111s.net
عذرا الإيميل ليس للتعارف فقط للأستفسارات في مجال تخصصي فقط
  رد مع اقتباس
قديم 10 - 7 - 2010, 09:46 PM   رقم المشاركة : ( 3 (permalink) )
عضو نشيط


الملف الشخصي
رقــم العضويـــة : 25
تـاريخ التسجيـل : 11 - 2 - 2008
العــــــــمـــــــــر :
الــــــــجنــــــس :
الـــــدولـــــــــــة :
المشاركـــــــات : 60 [+]
آخــر تواجــــــــد : 10 - 7 - 2010(09:51 PM)
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : أبويعقوب is on a distinguished road

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

أبويعقوب غير متواجد حالياً

افتراضي

خدمات حماية المواقع و المنتديات و السيرفرات
 admin@annasseh.com 
تسلم على الدرس الرائع
توقيع » أبويعقوب
  رد مع اقتباس
قديم 1 - 8 - 2010, 10:48 PM   رقم المشاركة : ( 4 (permalink) )
عضو دورة إدارة برمجية جملة
عضو دورة الهكر الأخلاقي


الملف الشخصي
رقــم العضويـــة : 5172
تـاريخ التسجيـل : 6 - 2 - 2010
العــــــــمـــــــــر :
الــــــــجنــــــس :
الـــــدولـــــــــــة :
المشاركـــــــات : 43 [+]
آخــر تواجــــــــد : 18 - 1 - 2012(12:27 AM)
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : ابو لمار is on a distinguished road

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

ابو لمار غير متواجد حالياً

افتراضي

غرف الدردشة الصوتية
 admin@annasseh.com 
بارك الله فيك

فعلا طريقة الاكواد وتقفيلها مهمة لتفادي الاخطاء
شكرا لك
  رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

الانتقال السريع



الساعة الآن 04:48 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Ads Management Version 3.0.1 by Saeed Al-Atwi
أي اتفاقات تجارية بين الأعضاء تعتبر إدارة المنتدى غير مسؤولة عنها
حماية Sup4ma_Team




1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56