Losha
14 - 06 - 2007, 21:06
http://www.ojqji.net/vb/images/smilies/s22.gif
اليوم بإذن الله سوف نقوم بتقيم درس مهمة الأساسية
إخراج الإستايل بشكل جميل فى الحدود التى تكون بين أجزاء الجداول
فقد تقدم اخى الحبيب كتوم ca2oom فى تقديم هذا الدرس (http://www.traidnt.net/vb/showthread.php?t=290736)
ولاكن اليوم سوف أقوم بإضافة أتمنى ان تكون طيبة لكم
ملحوظه طبعا الإضافة جديدة وغير مكررة وحصرى
بسم الله نبدأ
الكود اليوم سوف نقدمة لكم بكل الطرق التى تحبها
عريض
رفيع
حدود واسعة
لا تتعجلو سوف نقوم بالشرح بإذن الله بالصور والموضوع طويل http://losha.net/vb/images/smilies/tongue.gif
نتعرف على حدود الجدول العريضة
http://www.losha.net/shro7/7afr/01.jpg
هذه الحدود غاية فى الروعة إن أستطعت تطبيقها بإحتراف على تصاميمك وتطفى طابع جميل
ومن ميزاتها الفخامة مثـــال
كان يتم فيما مضى أستخدام خانة متغيارت الإستايل بوضع كود والتحكم بيه وباللون
مثال للكود القديم
http://www.losha.net/shro7/7afr/04.jpg
ولاكن هنا وبكل أسف بالفعل تحكمنا فى متغيارت حفر الجدول كامل على إستايل المنتدى ولاكن على متصفح واحد فقط لا غير الأنتر نت أكسبلوير سواء قديم او 7
ولاكن كى نأتى بكود عريض نستعوض هذا الكود زو الارقام والأوان بهذا الكود البسيط
http://www.losha.net/shro7/7afr/05.jpg
4" border="1
وطبعا بعد مراجعة الإستايل بعد وضع الكود سوف تجدة
http://www.losha.net/shro7/7afr/06.jpg
عريض ولاكن بارز وشكل غير مرغوب بيه
وطبعا لأننا لم نكمل الحفر وإعطاء قيمة اللأوان المتناسبة للإستايل
الأن نتوجة إلى رئيسي Css
ونبدأ فى وضع القيم المتناسبة مع التصميم وألوانة من بداية حفر الجدول حتى أن ننتهى
والقيم الأن هيه
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #F393BA;
border-bottom: 2px solid #F393BA;
وتعريف القيم هذه لكى يتم أحتساب اللون عليها كما ترون
صورة
http://www.losha.net/shro7/7afr/07.jpg
1- left= يسار
2- top = اعلى
3- right = يمين
4- bottom = اسفل
بعد تعرفنا على هذه القيم ندخل على تعديل الإستايل >>>> الرئيسيى
Css
http://www.losha.net/shro7/7afr/08.gif
الأن توجة إلى الجزء الخاص بالحفر لانه سوف يترتب عليه الحفر الكامل على كافة الحدود
سواء حفر رفيع سميك متوسط
وكما هوه موضح يتم وضع الكود المعلن اعلاه فىكافة الاجزاء المشار لها الأن بالصور
هذه الصورة التالية يترتب عليها حفر وخواص كاملة للخلفية والحدود لكافة الإستايل
http://www.losha.net/shro7/7afr/09.jpg
الصور التالية سوف توضح الاماكن التى سوف يتم ظهور الحدود عليها بالشكل المطلوب
http://www.losha.net/shro7/7afr/010.jpg
http://www.losha.net/shro7/7afr/011.jpg
الصورة التاليى نهاية الجدول وتظهر غالباً فى الجزء المختص باللغه وتغير الإستايل مهم جداً فى الشكل الجمالى
http://www.losha.net/shro7/7afr/012.jpg
الأن الحدود سوف تكون عامة بين اللون المتناوب الأول والثانى alt1+alt2
http://www.losha.net/shro7/7afr/013.jpg
http://www.losha.net/shro7/7afr/014.jpg
الجزء التالى خاص بالأزرار فى الإستايل ويعطى حدود طيبة وتنثيق حلو للأزرار الداخلية وليست المصممة
http://www.losha.net/shro7/7afr/015.jpg
محيط اللوحة مختص فى الغالب لصندوق أدوات الموضوع
http://www.losha.net/shro7/7afr/016.jpg
هنا يتم وضع كود الحفر بعد القيمة الموضوعه داخلة بدون تغير وتوضح الصورة
http://www.losha.net/shro7/7afr/017.jpg
التحكم بالقوائم التى تنسدل من الناف بار ألخ إن تواجدد بالتيبل المطلوب للحفر
http://www.losha.net/shro7/7afr/018.jpg
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
http://www.losha.net/shro7/7afr/019.jpg
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
http://www.losha.net/shro7/7afr/020.jpg
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
http://www.losha.net/shro7/7afr/021.jpg
إنتهينا بحمد الله من توزيع الكود على كافة أرجاء الأجزاء التى تحتاج إلى حفر وظهور بشكل طيب
للمشاهدة للتطبيق على كافة المتصفحات
هنــــــــــــــــــــ ترقية وتطوير ــــــــــــــــــــــــــــا (http://losha.net/style/?styleid=37)
أو
هنـــــــــــــــــــ توزيع وتركيب ــــــــــــــــــا (http://losha.net/style/?styleid=36)
الأن أنتهينا من التعريف بالحفر العريض ولاكن الدرس لم ينتهى
لن فى الغالب لا يتوافق الحفر العريض مع أزواق المستخدم العربى
فيكونت عرض الحدود التحكم بها عن طريق الكود
4" border="1 بتغير القيم 4 إلى 3 إلى 2 إلى ازلة الكود كامل ووضع الإفتراضى
1
فإن أزلنا كود العرض من متغيارت الإستايل يتم أخز الكود وإظهارة بالشكل التالى
http://www.losha.net/shro7/7afr/02.jpg
ونتحكم هنا فى الظهور بتقليل او إذادة القيم
القيمة التالية تظهر كما بالصورة العلوية
border-left: 2px solid #F1DBC2;
border-right: 2px solid #DBB694;
border-bottom: 2px solid #DBB694;
border-top: 2px solid #F1DBC2;
إلى
border-left: 1px solid #F1DBC2;
border-right: 1px solid #DBB694;
border-bottom: 1px solid #DBB694;
border-top: 1px solid #F1DBC2;
وهذه القيمة تظهر كما موضح تالى
http://www.losha.net/shro7/7afr/03.jpg
وبهاكذا تم بحمد الله توافق كود حفر الجدول على كافة المتصفحات بدون اى مشاكل + التوافق التام بإذن الله مع كافة المقايس العالمية
ولا ننسا التوافق مع شكل الإستايل
الأن نكون قد انتهينا بحمد الله من حفر الجدول تام
الدرس مشروح على متصفح Firefox
وأى سؤال بإذن الله أخوكم حاضر له بالتوفيق والخير نلتقى
http://00op.com/up/uploads06-08-17/6008c7257f.gif
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت http://www.traidnt.net/vb/images/smilies/clap.gif فلله الحمد والمنة أن وفقت في ذلك
وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....
سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha
رابط الدرس الأصلى (http://www.losha.net/vb/showthread.php?t=10985)
اليوم بإذن الله سوف نقوم بتقيم درس مهمة الأساسية
إخراج الإستايل بشكل جميل فى الحدود التى تكون بين أجزاء الجداول
فقد تقدم اخى الحبيب كتوم ca2oom فى تقديم هذا الدرس (http://www.traidnt.net/vb/showthread.php?t=290736)
ولاكن اليوم سوف أقوم بإضافة أتمنى ان تكون طيبة لكم
ملحوظه طبعا الإضافة جديدة وغير مكررة وحصرى
بسم الله نبدأ
الكود اليوم سوف نقدمة لكم بكل الطرق التى تحبها
عريض
رفيع
حدود واسعة
لا تتعجلو سوف نقوم بالشرح بإذن الله بالصور والموضوع طويل http://losha.net/vb/images/smilies/tongue.gif
نتعرف على حدود الجدول العريضة
http://www.losha.net/shro7/7afr/01.jpg
هذه الحدود غاية فى الروعة إن أستطعت تطبيقها بإحتراف على تصاميمك وتطفى طابع جميل
ومن ميزاتها الفخامة مثـــال
كان يتم فيما مضى أستخدام خانة متغيارت الإستايل بوضع كود والتحكم بيه وباللون
مثال للكود القديم
http://www.losha.net/shro7/7afr/04.jpg
ولاكن هنا وبكل أسف بالفعل تحكمنا فى متغيارت حفر الجدول كامل على إستايل المنتدى ولاكن على متصفح واحد فقط لا غير الأنتر نت أكسبلوير سواء قديم او 7
ولاكن كى نأتى بكود عريض نستعوض هذا الكود زو الارقام والأوان بهذا الكود البسيط
http://www.losha.net/shro7/7afr/05.jpg
4" border="1
وطبعا بعد مراجعة الإستايل بعد وضع الكود سوف تجدة
http://www.losha.net/shro7/7afr/06.jpg
عريض ولاكن بارز وشكل غير مرغوب بيه
وطبعا لأننا لم نكمل الحفر وإعطاء قيمة اللأوان المتناسبة للإستايل
الأن نتوجة إلى رئيسي Css
ونبدأ فى وضع القيم المتناسبة مع التصميم وألوانة من بداية حفر الجدول حتى أن ننتهى
والقيم الأن هيه
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #F393BA;
border-bottom: 2px solid #F393BA;
وتعريف القيم هذه لكى يتم أحتساب اللون عليها كما ترون
صورة
http://www.losha.net/shro7/7afr/07.jpg
1- left= يسار
2- top = اعلى
3- right = يمين
4- bottom = اسفل
بعد تعرفنا على هذه القيم ندخل على تعديل الإستايل >>>> الرئيسيى
Css
http://www.losha.net/shro7/7afr/08.gif
الأن توجة إلى الجزء الخاص بالحفر لانه سوف يترتب عليه الحفر الكامل على كافة الحدود
سواء حفر رفيع سميك متوسط
وكما هوه موضح يتم وضع الكود المعلن اعلاه فىكافة الاجزاء المشار لها الأن بالصور
هذه الصورة التالية يترتب عليها حفر وخواص كاملة للخلفية والحدود لكافة الإستايل
http://www.losha.net/shro7/7afr/09.jpg
الصور التالية سوف توضح الاماكن التى سوف يتم ظهور الحدود عليها بالشكل المطلوب
http://www.losha.net/shro7/7afr/010.jpg
http://www.losha.net/shro7/7afr/011.jpg
الصورة التاليى نهاية الجدول وتظهر غالباً فى الجزء المختص باللغه وتغير الإستايل مهم جداً فى الشكل الجمالى
http://www.losha.net/shro7/7afr/012.jpg
الأن الحدود سوف تكون عامة بين اللون المتناوب الأول والثانى alt1+alt2
http://www.losha.net/shro7/7afr/013.jpg
http://www.losha.net/shro7/7afr/014.jpg
الجزء التالى خاص بالأزرار فى الإستايل ويعطى حدود طيبة وتنثيق حلو للأزرار الداخلية وليست المصممة
http://www.losha.net/shro7/7afr/015.jpg
محيط اللوحة مختص فى الغالب لصندوق أدوات الموضوع
http://www.losha.net/shro7/7afr/016.jpg
هنا يتم وضع كود الحفر بعد القيمة الموضوعه داخلة بدون تغير وتوضح الصورة
http://www.losha.net/shro7/7afr/017.jpg
التحكم بالقوائم التى تنسدل من الناف بار ألخ إن تواجدد بالتيبل المطلوب للحفر
http://www.losha.net/shro7/7afr/018.jpg
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
http://www.losha.net/shro7/7afr/019.jpg
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
http://www.losha.net/shro7/7afr/020.jpg
براعى وضع كود الحفر بعد القيم المتواجدة فى الأصل وعدم إزالتها
http://www.losha.net/shro7/7afr/021.jpg
إنتهينا بحمد الله من توزيع الكود على كافة أرجاء الأجزاء التى تحتاج إلى حفر وظهور بشكل طيب
للمشاهدة للتطبيق على كافة المتصفحات
هنــــــــــــــــــــ ترقية وتطوير ــــــــــــــــــــــــــــا (http://losha.net/style/?styleid=37)
أو
هنـــــــــــــــــــ توزيع وتركيب ــــــــــــــــــا (http://losha.net/style/?styleid=36)
الأن أنتهينا من التعريف بالحفر العريض ولاكن الدرس لم ينتهى
لن فى الغالب لا يتوافق الحفر العريض مع أزواق المستخدم العربى
فيكونت عرض الحدود التحكم بها عن طريق الكود
4" border="1 بتغير القيم 4 إلى 3 إلى 2 إلى ازلة الكود كامل ووضع الإفتراضى
1
فإن أزلنا كود العرض من متغيارت الإستايل يتم أخز الكود وإظهارة بالشكل التالى
http://www.losha.net/shro7/7afr/02.jpg
ونتحكم هنا فى الظهور بتقليل او إذادة القيم
القيمة التالية تظهر كما بالصورة العلوية
border-left: 2px solid #F1DBC2;
border-right: 2px solid #DBB694;
border-bottom: 2px solid #DBB694;
border-top: 2px solid #F1DBC2;
إلى
border-left: 1px solid #F1DBC2;
border-right: 1px solid #DBB694;
border-bottom: 1px solid #DBB694;
border-top: 1px solid #F1DBC2;
وهذه القيمة تظهر كما موضح تالى
http://www.losha.net/shro7/7afr/03.jpg
وبهاكذا تم بحمد الله توافق كود حفر الجدول على كافة المتصفحات بدون اى مشاكل + التوافق التام بإذن الله مع كافة المقايس العالمية
ولا ننسا التوافق مع شكل الإستايل
الأن نكون قد انتهينا بحمد الله من حفر الجدول تام
الدرس مشروح على متصفح Firefox
وأى سؤال بإذن الله أخوكم حاضر له بالتوفيق والخير نلتقى
http://00op.com/up/uploads06-08-17/6008c7257f.gif
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت http://www.traidnt.net/vb/images/smilies/clap.gif فلله الحمد والمنة أن وفقت في ذلك
وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....
سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha
رابط الدرس الأصلى (http://www.losha.net/vb/showthread.php?t=10985)