تاريخ انشاء المنتدى 2010-06-08
المطور منتدى متخصص في تطوير ودعم المواقع والمنتديات وبرامج الكمبيوتر والهواتف الذكية والتصاميم والجرافيكس والخدمات المجانية المطور منتدى متخصص في تطوير ودعم المواقع والمنتديات وبرامج الكمبيوتر والهواتف الذكية والتصاميم والجرافيكس والخدمات المجانية

المطور

شبكة المطور


مجموعة بلاك فور لخدمات الويب

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


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

ستايلات vBulletin 3.8.x

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

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

قديم [ 04-02-2011 ] - [ 08:27 PM ]  
رقم المشاركة 1

+ Google

-» شارك إعجابك بالموضوع 

مؤسس شبكة المطوّر

المطور - أبومحمد

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

تاريخ الإنضمام: 07-06-2010

التقييم : [ 8477 ]

النقاط : AlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهر

عضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركة

تابعني على FaceBook  تابعني على Twitter   تابعني على +Google   تابعني على YouTube

تم شكره 438 مرة في 357 مشاركة

الاعجابات التي قدّمها للأعضاء: 224


1

6,578



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

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

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

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



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

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

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



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

مثال :

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



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

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

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

HTML & CSS

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

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

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

HTML & CSS

<td class="hs1" 


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

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

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

س1: هل يمكن الاستناد الى متغيرين ( أي عدد 2 كلاس ) وكيف يتم ذلك ؟؟
ج1 : نعم يمكن الاستناد الى متغيرين
ويتم بالصورة التالية :

HTML & CSS

<td class="hs1" AND "hs2" 
أو بوضع مسافة بين الكلاسين

HTML & CSS

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

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

لون الخلفية :

HTML & CSS

background#FF0000; 
صورة للخلفية

HTML & CSS

background-image:url('رابط الصورة'); 
لون الخط

HTML & CSS

color#000000; 
شكل الخط

HTML & CSS

fontbold 11px Tahoma
حدود الجدول في جميع الخانات

HTML & CSS

border1px solid #FF0000; 
حدود الجدول الخانه العليا فقط

HTML & CSS

border-top1px solid #FF0000; 
حدود الجدول الخانه السفلى فقط

HTML & CSS

border-bottom1px solid #FF0000; 
حدود الجدول الخانه اليمنى فقط

HTML & CSS

border-right1px solid #FF0000; 
حدود الجدول الخانه اليسرى فقط

HTML & CSS

border-left1px solid #FF0000; 
حدود الجدول للخانه اليمنى واليسرى فقط

HTML & CSS

border-left1px solid #FF0000;
border-right1px solid #FF0000; 
هذة بعض خصائص الكلاس الاساسية التي يمكن اضافتها في كلاس جديد ، حيث يوجد العديد من الخصائص الاخرى الكثيرة التي سنتعلمها في الدروس الاخرى باذن الله تعالى ..


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

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


المعجبون بمشاركة AlM6weR


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

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com
  رد مع اقتباس
قديم [ 05-02-2011 ] - [ 12:18 AM ]  
رقم المشاركة 2

مطوّر مبدع

•»وَمآتَوْفٍيقيٍ اٍلآ بآللـہ«•

الشامخه غير متواجد حالياً

تاريخ الإنضمام: 08-06-2010

التقييم : [ 1960 ]

النقاط : الشامخه في بداياتك للشهرهالشامخه في بداياتك للشهره

عضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركة

تم شكره 5 مرة في 5 مشاركة


9

1,765

صداقة

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


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


  رد مع اقتباس
قديم [ 05-02-2011 ] - [ 01:00 AM ]  
رقم المشاركة 3

مؤسس شبكة المطوّر

المطور - أبومحمد

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

تاريخ الإنضمام: 07-06-2010

التقييم : [ 8477 ]

النقاط : AlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهر

عضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركة

تابعني على FaceBook  تابعني على Twitter   تابعني على +Google   تابعني على YouTube

تم شكره 438 مرة في 357 مشاركة

الاعجابات التي قدّمها للأعضاء: 224


1

6,578

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

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

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



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

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com
  رد مع اقتباس
قديم [ 28-02-2012 ] - [ 05:09 PM ]  
رقم المشاركة 4

مصمم محترف وعضو ماسي

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

تاريخ الإنضمام: 27-02-2012

التقييم : [ 46 ]

النقاط : محسن المغربي يسير نحو الشهره

تم شكره 8 مرة في 3 مشاركة


4228

22

صداقة

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

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


  رد مع اقتباس
قديم [ 26-01-2013 ] - [ 03:32 PM ]  
رقم المشاركة 5

المستشار

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

تاريخ الإنضمام: 07-06-2010

التقييم : [ 3127 ]

النقاط : أبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقديرأبوعبدالله يستحق الشكر والتقدير

عضو لديه أكثر من 2000 مشاركةعضو لديه أكثر من 2000 مشاركة

تم شكره 112 مرة في 92 مشاركة

الاعجابات التي قدّمها للأعضاء: 173


2

2,236

أوسمتي أبوعبدالله : وسام الداعم الرسمي
افتراضي رد: شرح طريقة اضافة class جديد

شكرا جزيلا لك


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


  رد مع اقتباس
قديم [ 26-01-2013 ] - [ 10:45 PM ]  
رقم المشاركة 6

مؤسس شبكة المطوّر

المطور - أبومحمد

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

تاريخ الإنضمام: 07-06-2010

التقييم : [ 8477 ]

النقاط : AlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهرAlM6weR له مستقبل باهر

عضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركةعضو لديه أكثر من 6000 مشاركة

تابعني على FaceBook  تابعني على Twitter   تابعني على +Google   تابعني على YouTube

تم شكره 438 مرة في 357 مشاركة

الاعجابات التي قدّمها للأعضاء: 224


1

6,578

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

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


  رد مع اقتباس
قديم [ 11-03-2013 ] - [ 01:10 PM ]  
رقم المشاركة 7

مطوّر مبدع

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

تاريخ الإنضمام: 25-02-2013

التقييم : [ 1643 ]

النقاط : ملك الحصريات يسير نحو الشهره

عضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركةعضو لديه أكثر من 1500 مشاركة

تابعني على FaceBook  تابعني على Twitter   تابعني على +Google   تابعني على YouTube

تم شكره 4 مرة في 4 مشاركة

الاعجابات التي قدّمها للأعضاء: 193


5280

1,628

أوسمتي
ملك الحصريات : وسام المشاركين
افتراضي رد: شرح طريقة اضافة class جديد

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


  رد مع اقتباس
إضافة رد

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


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

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

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

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

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

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

الساعة الآن 07:36 AM


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