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

استخدم خاصية البحث لسرعة الحصول على المعلومة المطلوبة :
العودة   شبكة طور .: 6werNet :. > قسم تطوير المواقع و المنتديات > ستايلات vBulletin 3.8.x
تحديث الصفحة [ شرح ] شرح طريقة اضافة class جديد



ستايلات vBulletin 3.8.x خاص باستايلات الجيل الثالث فقط لمنتديات الـvb

شرح طريقة اضافة class جديد

ستايلات vBulletin 3.8.x

خاص باستايلات الجيل الثالث فقط لمنتديات الـvb

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ BBcode ] إضافة زر موضوع جديد بجوار اضافة رد host اكواد منتديات vBulletin 3.8.x 6 27-06-2013 09:56 PM
[ BBcode ] طريقة اضافة زر موضوع جديد داخل الموضوع AlM6weR اكواد منتديات vBulletin 3.8.x 2 13-05-2013 11:41 PM
طريقة اضافة الحقوق بالفوتوشوب AlM6weR برامج وأدوات ودروس وملحقات التصميم 11 21-08-2012 10:50 AM
[ طلب ] طريقة خاصية اضف ايميلك ليصلك كل جديد بالمنتدى احمدمحمدحسين طلبات و مشاكل منتديات vBulletin 3.8.x 3 12-11-2011 10:30 PM


إضافة رد
 
المشاهدات 2420 الردود 6 أدوات الموضوع إبحث في الموضوع
أرسل الموضوع لصديق أرسل الموضوع الى بريد أحد اصدقائك طباعة الموضوع طباعة الموضوع

قديم [ 04-02-2011 ] - [ 07:27 PM ]   #1
» مؤسس شبكة طوّر
أبو محمد 966552803000+
عضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركة
عضو يمكنه طلب الإعلان لدينا لمدة شهر مجانا +300 موضوع
 
الصورة الرمزية AlM6weR

عضويتي : 1
تاريخ الإنضمام : 07-06-2010
مشاركاتي : 6,237 [ + ]
جنسي : ذكر    دولتي : saudi arabia
تقيمي : [ 7581 ]   نقاطي : AlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين به
موقعي : شبكة طوّر  إيقونة موقعي
تابعني على FaceBook تابعني على Twitter تابعني على +Google تابعني على YouTube إرسال رسالة عبر MSN إلى AlM6weR إرسال رسالة عبر Yahoo إلى AlM6weR إرسال رسالة عبر Skype إلى AlM6weR
تم شكري 335 مرة في 267 مشاركة
الاعجابات التي قدّمتها للأعضاء: 209



السلام عليكم ورحمة الله وبركاته

سنتحدث اليوم عن الكلاس ' class '

ماهو الكلاس class؟
الكلاس هو مجموعة من الخصائص التي يتم الاستناد اليها في جميع انحاء المنتدى مثل :
1- الجداول
2- الاطارات
3- الحقول
وما شابه ذلك

صورة توضيحية لأحد هذة الخصائص الكلاس class :

شرح طريقة اضافة class جديد

نشاهد في الصورة العديد من الخانات مثل :
1- الخلفية
2- لون الخط
3- شكل الخط
4- حجم الخط
5- نوع الخط
6- زخرفة الخط
هذة هي الخانات الاساسية للكلاس class
عدا ذلك يمكن كتابة في الخانه اليسرى من الكلاس وهي :
خواص CSS الإضافية
ويمكن ايضا كتابة العديد من الخصائص الاخرى بهذة الخانه مثل :
1- الطول
2- العرض
3- حدود الجدول
والكثير من الاضافات الاخرى ...

سؤال مهم جدا ً
كيف يمكن اضافة كلاس class جديد يمكن الاستناد اليه لعدد من الجداول او الحقول بحيث لا يستند الى الكلاسات الاساسية ؟؟

توجد خانة اسفل CSS رئيسي كما في الصورة :

شرح طريقة اضافة class جديد

يمكن من خلال هذة الخانة انشاء كلاس class جديد يتم الاستناد اليه لحالات خاصة في احدى خانات المنتدى

مثال :

في قالب الموضوع توجد خانه لتاريخ الموضوع اعلى قالب البوست بت ليجاسي
نريد تغيير شكل الجدول بخصائص معينة وليكن كما في الصورة :

شرح طريقة اضافة class جديد

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

فكيف يتم ذلك ؟؟

اولا : نقوم بانشاء كلاس جديد بأسم ( hs1 ) ونضيفه اليه خواص CSS الإضافية أسفل CSS رئيسي
ونكتب الكود التالي :

.hs1 {
background#D6EFF4;
border1px solid #B1DEE6;
font11px Tahoma;
color#000000;

شرح الكود :
اضفنا متغير بأسم ( hs1 )
ثم اسندنا له الخصائص في سطر جديد
background = لون الخلفية
border = حدود الجدول
font = حجم ونوع الخط
color = لون الخط

ثانيا : نقوم بنسخ قالب البوست بت ليجاسي في الفرنت بيج ليتم التعديل عليه ( التعديل فقط على اسم المتغير أو بما يعرف بالكلاس )
نقوم بحذف متغيير الكلاس وهو ( thead ) ونضيف المتغير الجديد ( hs1 ) ليصبح هكذا :

<td class="hs1" 
شرح طريقة اضافة class جديد

=============================

عرفنا في بداية الشرح ما هو الكلاس وكيف يمكن لنا انشاء كلاس جديد شرح طريقة اضافة class جديد

الان سأضع بعض الامثله المهمة والاسئلة الشائعه ..

س1: هل يمكن الاستناد الى متغيرين ( أي عدد 2 كلاس ) وكيف يتم ذلك ؟؟
ج1 : نعم يمكن الاستناد الى متغيرين
ويتم بالصورة التالية :
<td class="hs1" AND "hs2" 
قد يتسأل شخص لماذا نستند الى متغيرين مع العلم بأننا نستطيع ان نضيف الخصائص الاخرى في نفس الكلاس أو المتغير الاول ؟ شرح طريقة اضافة class جديد
الجواب : قد تضطر لعمل كلاس جديد يتم الاستناد له في جميع الجداول ولكن تريد لأحد هذي الجداول خاصية معينة دون باقي الجداول ، لذلك يتم الاستناد الى متغيرين في جدول واحد أو حقل معين .

س2 : ماهي أهم الخصائص للكلاس وكيف يتم كتابة الكود الخاص بها ؟
ج2 : تنقسم الخصائص لعدة اقسام مثل :

لون الخلفية :
background#FF0000; 
صورة للخلفية
background-image:url('رابط الصورة'); 
لون الخط
color#000000; 
شكل الخط
fontbold 11px Tahoma
حدود الجدول في جميع الخانات
border1px solid #FF0000; 
حدود الجدول الخانه العليا فقط
border-top1px solid #FF0000; 
حدود الجدول الخانه السفلى فقط
border-bottom1px solid #FF0000; 
حدود الجدول الخانه اليمنى فقط
border-right1px solid #FF0000; 
حدود الجدول الخانه اليسرى فقط
border-left1px solid #FF0000; 
حدود الجدول للخانه اليمنى واليسرى فقط
border-left1px solid #FF0000;
border-right1px solid #FF0000; 
هذة بعض خصائص الكلاس الاساسية التي يمكن اضافتها في كلاس جديد ، حيث يوجد العديد من الخصائص الاخرى الكثيرة التي سنتعلمها في الدروس الاخرى باذن الله تعالى ..


ارجو ان اكون وفقت في هذا الشرح ، فأن اصبت فمن الله ، وان اخطأت فمن نفسي والشياطين

جميع الحقوق محفوظه لكل مسلم ، ولكن يرجى عند نقل الموضوع ذكر المصدر شرح طريقة اضافة class جديد     ..











نوع الجهاز : [ محمول LapTop ]   الشركة المصنعة : [ Samsung ]   نظام التشغيل : [ Win 7 ]

نوع الجوال : [ Samsung ]   موديل الجوال : [ Galaxy SIII ]



وَيَوْمَ يَعَضُّ الظَّالِمُ عَلَى يَدَيْهِ يَقُولُ يَا لَيْتَنِي اتَّخَذْتُ مَعَ الرَّسُولِ سَبِيلاً (27) يَا وَيْلَتِي لَيْتَنِي لَمْ أَتَّخِذْ فُلانًا خَلِيلاً (28) لَقَدْ أَضَلَّنِي عَنِ الذِّكْرِ بَعْدَ إِذْ جَاءَنِي وَكَانَ الشَّيْطَانُ لِلإِنسَانِ خَذُولاً (29)


التعديل الأخير تم بواسطة AlM6weR ; 15-06-2013 الساعة 02:28 PM
AlM6weR غير متواجد حالياً   رد مع اقتباس
قديم [ 04-02-2011 ] - [ 11:18 PM ]   #2
» مشرفة سابقه
•»وَمآتَوْفٍيقيٍ اٍلآ بآللـہ«•
عضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركة
عضو يمكنه طلب الإعلان لدينا لمدة شهر مجانا +300 موضوع
 
الصورة الرمزية الشامخه

عضويتي : 9
تاريخ الإنضمام : 08-06-2010
مشاركاتي : 1,771 [ + ]
جنسي : أنثى    دولتي : saudi arabia
تقيمي : [ 1965 ]   نقاطي : الشامخه في بداياتك للشهرهالشامخه في بداياتك للشهره
تم شكري 5 مرة في 5 مشاركة
أوسمتي
الشامخه : وسام الإبداع
افتراضي رد: شرح طريقة اضافة class جديد




مهما كتبت لك من عبارات الشكر والثناء فلن تفي بجهدك الجبَّار .
دوماً تبهرنا بحضورك المميز وعطائك الذي نتعلم منه في كل مره.,
شكراً لكْ من الأعماق ...تستحق التقييم وبجدارهـ. + الفايف ستارز .
سلمتْ وبُوركتْ
رد: شرح طريقة اضافة class جديد






لَلرحمن حِكمةٌ فِي كُلْ شَيْء حَتى وخزاتْ الألم
وإستغاثات الرَجاء التي نرسلهـا في لجج الظلام .. ! ,
" وفي طيّــات المحن تكمنُ المنـح "
الشامخه غير متواجد حالياً   رد مع اقتباس
قديم [ 05-02-2011 ] - [ 12:00 AM ]   #3
» مؤسس شبكة طوّر
أبو محمد 966552803000+
عضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركة
عضو يمكنه طلب الإعلان لدينا لمدة شهر مجانا +300 موضوع
 
الصورة الرمزية AlM6weR

عضويتي : 1
تاريخ الإنضمام : 07-06-2010
مشاركاتي : 6,237 [ + ]
جنسي : ذكر    دولتي : saudi arabia
تقيمي : [ 7581 ]   نقاطي : AlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين به
موقعي : شبكة طوّر  إيقونة موقعي
تابعني على FaceBook تابعني على Twitter تابعني على +Google تابعني على YouTube إرسال رسالة عبر MSN إلى AlM6weR إرسال رسالة عبر Yahoo إلى AlM6weR إرسال رسالة عبر Skype إلى AlM6weR
تم شكري 335 مرة في 267 مشاركة
الاعجابات التي قدّمتها للأعضاء: 209
افتراضي رد: شرح طريقة اضافة class جديد



العفو اختي الشامخه
اسعدني مرورك وتقييمك للموضوع ، وان شاء الله سنكمل مسيرتنا نحو التطــّور
كما يسعدني دائما المناقشة في الموضوع لمن استصعب عليه امر

بالتوفيق للجميع ..






وَيَوْمَ يَعَضُّ الظَّالِمُ عَلَى يَدَيْهِ يَقُولُ يَا لَيْتَنِي اتَّخَذْتُ مَعَ الرَّسُولِ سَبِيلاً (27) يَا وَيْلَتِي لَيْتَنِي لَمْ أَتَّخِذْ فُلانًا خَلِيلاً (28) لَقَدْ أَضَلَّنِي عَنِ الذِّكْرِ بَعْدَ إِذْ جَاءَنِي وَكَانَ الشَّيْطَانُ لِلإِنسَانِ خَذُولاً (29)

AlM6weR غير متواجد حالياً   رد مع اقتباس
قديم [ 28-02-2012 ] - [ 04:09 PM ]   #4
» مصمم محترف وعضو ماسي

عضويتي : 4228
تاريخ الإنضمام : 26-02-2012
مشاركاتي : 22 [ + ]
جنسي : ذكر
تقيمي : [ 46 ]   نقاطي : محسن المغربي يسير نحو الشهره
تم شكري 8 مرة في 3 مشاركة
افتراضي رد: شرح طريقة اضافة class جديد



شكرا جزيلآآآآ شكرا جزيلآآآآ





محسن المغربي غير متواجد حالياً   رد مع اقتباس
قديم [ 26-01-2013 ] - [ 02:32 PM ]   #5
» المستشار
عضو لديه أكثر من 2000 مشاركةعضو لديه أكثر من 2000 مشاركة
عضو يمكنه طلب الإعلان لدينا لمدة شهر مجانا +300 موضوع
 
الصورة الرمزية أبوعبدالله

عضويتي : 2
تاريخ الإنضمام : 07-06-2010
مشاركاتي : 2,169 [ + ]
جنسي : ذكر    دولتي : saudi arabia
تقيمي : [ 3039 ]   نقاطي : أبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقدير
موقعي : الأندرويد  إيقونة موقعي
تم شكري 102 مرة في 84 مشاركة
الاعجابات التي قدّمتها للأعضاء: 112
أوسمتي أبوعبدالله : وسام الداعم الرسمي
افتراضي رد: شرح طريقة اضافة class جديد



شكرا جزيلا لك


استفدت كثيرا من الموضوع





أبوعبدالله غير متواجد حالياً   رد مع اقتباس
قديم [ 26-01-2013 ] - [ 09:45 PM ]   #6
» مؤسس شبكة طوّر
أبو محمد 966552803000+
عضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركة
عضو يمكنه طلب الإعلان لدينا لمدة شهر مجانا +300 موضوع
 
الصورة الرمزية AlM6weR

عضويتي : 1
تاريخ الإنضمام : 07-06-2010
مشاركاتي : 6,237 [ + ]
جنسي : ذكر    دولتي : saudi arabia
تقيمي : [ 7581 ]   نقاطي : AlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين بهAlM6weR لديه الكثير ونحن فخورين به
موقعي : شبكة طوّر  إيقونة موقعي
تابعني على FaceBook تابعني على Twitter تابعني على +Google تابعني على YouTube إرسال رسالة عبر MSN إلى AlM6weR إرسال رسالة عبر Yahoo إلى AlM6weR إرسال رسالة عبر Skype إلى AlM6weR
تم شكري 335 مرة في 267 مشاركة
الاعجابات التي قدّمتها للأعضاء: 209
افتراضي رد: شرح طريقة اضافة class جديد



اهلا بالشباب ، سعيد بمروركم واتمنى لكم المتعه والفائده ..





AlM6weR غير متواجد حالياً   رد مع اقتباس
قديم [ 11-03-2013 ] - [ 12:10 PM ]   #7
» مطوّر مبدع
عضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركة
 
الصورة الرمزية ملك الحصريات

عضويتي : 5280
تاريخ الإنضمام : 25-02-2013
مشاركاتي : 1,587 [ + ]
جنسي : ذكر    دولتي : egypt
تقيمي : [ 1602 ]   نقاطي : ملك الحصريات يسير نحو الشهره
موقعي : منتديات ميدو  إيقونة موقعي
تابعني على FaceBook تابعني على Twitter تابعني على +Google تابعني على YouTube إرسال رسالة عبر MSN إلى ملك الحصريات إرسال رسالة عبر Yahoo إلى ملك الحصريات إرسال رسالة عبر Skype إلى ملك الحصريات
تم شكري 4 مرة في 4 مشاركة
الاعجابات التي قدّمتها للأعضاء: 183
أوسمتي
ملك الحصريات : وسام المشاركين
افتراضي رد: شرح طريقة اضافة class جديد



جــزآك الله خير على طرحك القيم و المفيد ..
والله يعطيك العافية ..ونفع بكـ
واثااابكـ جنة الفردوس بغير حساااب ولا سابقة عذاب
وجعله ربى فى ميزااان حسناااتك
امنياتي لك بدوام التألق والابداع
تحياتي لسموك





ملك الحصريات غير متواجد حالياً   رد مع اقتباس
إضافة رد

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

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم

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

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

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

الساعة الآن 11:48 AM


شبكة طور تستخدم أكواد خاصة وهاكات معدلة تتناسب مع احتياجات الموقع
يمنع اقتباس اي كود دون أخذ الموافقة من صاحب الموقع
Powered by vBulletin@Version 3.8.7
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي شبكة طور
وجميع الحقوق محفوظة لاصحابها