صيغة الفئات البديلة
منتديات قروبكم
ۉقسمُ إنڪ سحرتنآ بنۉرڪ يآقمر ..

ۉننتظرڪِ تسجل معآنآ ، ۉتحفر أسمڪ ۉيآنآ ..

أۉ تسجل دخۉلڪِ إذآ ڪِنت مسجل ۉيآنآ من قبلَ ..

ۉبآلنهآيہ نتشرفُ فيڪِ سۉآءً ڪِنت عضۉ أۉ زآئر ..

آلإدآرهہ ..!



 
الرئيسيةhttp://gropcom.اليوميةبحـثالأعضاءالمجموعاتالتسجيلدخولمركز الرفع
تم اغلاق المنتدى ، والمنتدى لن يتم فيه التصميم

شاطر | 
 

  صيغة الفئات البديلة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
المدير العام
المدير العام
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 540
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 27/08/2011

مُساهمةموضوع: صيغة الفئات البديلة   السبت يناير 28, 2012 1:08 am


صيغة الفئات البديلة

الصيعة العاملة للفئات البديلة تكون كالتالي:

مثال:
selector:pseudo-class {property:value;}


- مقدمة عن ال CSS - بناء جملة فى css - متغيرات وفئات CSS - كيف تعمل css - الخلفيات - التنسيقات الخاصة بالنصوص - التنسيقات الخاصة بالخطوط - الروابط - القوائم - الجداول - الصناديق - الحدود - الحواف الخارجية - الهوامش - الفراغات - الجمع والتداخل - الابعاد - العرض - الدوران - تحديد موقع العناصر - المحاذاه - الفئات البديلة - العناصر البديلة
الفئات البديلة
- -
السبت [04 جمادى الأولى 1431] (03:07:36) صباحاً - - - - القراءات : 71


تستخدم الفئات البديلة لاضافة تأثيرات مختلفة لبعض العناصر كما سنري في هذا الدرس.
صيغة الفئات البديلة

الصيعة العاملة للفئات البديلة تكون كالتالي:

مثال:

selector:pseudo-class {property:value;}

يمكن استخدام الفئات العادية مع الفئات البديلة كالتالي:

selector.class:pseudo-class {property:value;}

استخدام الفئات البديلة في عمل روابط

الروابط يمكن ان تظهر باكثر من شكل علي حسب دعم المتصفحات ل Css

مثال:

a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link *

قم بتجربة
المثال[/url

ملحوظة :

يحب ان تاتي الخاصية a:hover بعد الخاصية a:link حتي يحدث تأثير علي الرابط.

يجب ان تاتي الخاصية a:active بعد الخاصيةa:hover حتي يحدث تأثير علي الرابط.

الخاصية Pseudo-class غير حساسة لحالة الاحرف.

الفئات البديلة وفئات CSS العادية

من الممكن ان تتحد الفئات البديلة مع فئات CSS العادية

a.red:visited {color:#FF0000;}

CSS SYNTAX
اذا كان الرابط في المثال السابق تم زيارته سوف ياخذ اللون الاحمر.
الخاصية FIRST-CHILD PSEUDO

الخاصية FIRST-CHILD PSEUDO لا تعمل في المتصفح انترنت اكسبلورر اذا كان التعريف ليس موجود في بداية الصفحة.

مثال علي الخاصية FIRST-CHILD PSEUDO







I AM A STRONG MAN.


I AM A STRONG MAN.




[URL=HTTP://WEBHOUSES.BIZ/A/UP/TRANSLATION_CSS/EXAMPLE2_PSEUDO-CLASS.HTM]قم بتجربة المثال

توافق العنصرالاول في العنصر مع كل العناصر في العنصر

مثال:



P > I:FIRST-CHILD
{
FONT-WEIGHT:BOLD;
}





I AM A STRONG MAN. I AM A STRONG MAN.


I AM A STRONG MAN. I AM A STRONG MAN.





قم بتجربة المثال

توافق كل عناصر مع كل عناصر

مثال:

>

P:FIRST-CHILD I
{
COLOR:BLUE;
}
>
>

>

I AM A STRONG MAN. I AM A STRONG MAN.P>

I AM A STRONG MAN. I AM A STRONG MAN.P>
>
>
قم بتجربة المثال
توافق كل عناصر > مع كل عناصر

>

مثال:

>

P:FIRST-CHILD I
{
COLOR:BLUE;
}
>
>

>

>I AM A >STRONG> MAN. I AM A >STRONG> MAN.
>

>I AM A >STRONG> MAN. I AM A >STRONG> MAN.
>
>
>
قم بتجربة المثال
استخدام الخاصية LANG PSEUDO في الفئات البديلة

الخاصية LANG PSEUDO تسمح لنا بتحديد قواعد خاصة في لغات بديلة .

ملحوظة : في المتصفح انترنت اكسبلورر يتم دعم الخاصية LANG PSEUDO اذا كان التعريق > معرف في بداية الصفحة .

مثال:

>

Q:LANG(NO) {QUOTES: "~" "~";}
>
>

>

>SOME TEXT ">A QUOTE IN A PARAGRAPH"> SOME TEXT.
>
>
>

قم بتجربة المثال

لفئات البديلة

اسم الفئة


الوصف

:ACTIVE


تضيف تصميم علي الرابط في حالة تنشيطه

:FIRST-CHILD


تضيف تصميم علي العنصر عندما يكون متفرع من عنصر اخر

:FOCUS


تضيف تاثير علي العنصر الذي يحتوي علي الخاصية FOCUS

HOVER


تضيف تاثير علي الرابط عند تحريك الفأرة عليه

LANG


تضيف تاثير علي الرابط عند تحديد القيمة LANG

:LINK


تضيف تأثير علي الرابط الذي لم يزوره المستخدم بعد







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
محتار
عضو
عضو
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 5
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 29/01/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   الأحد يناير 29, 2012 8:39 pm

اوك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
D@rk Legend
عضو فعال
عضو فعال
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 167
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 30/01/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   الإثنين يناير 30, 2012 4:13 am

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

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : انثى
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 46
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 30/01/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   الجمعة فبراير 03, 2012 2:31 am

شكرآآ على المووضووع


[
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Saud447
الاشراف على الاقسام
الاشراف على الاقسام
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 209
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 17/02/2012
فــيڹ ڛـآإڪڹ : داخل قلب حبيبتي

مُساهمةموضوع: رد: صيغة الفئات البديلة   الثلاثاء فبراير 21, 2012 8:56 pm

موووضووع رااائع ياارااائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
المبدع يحي الأمين
عضو
عضو
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 21
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 24/01/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   الأربعاء فبراير 22, 2012 5:28 pm

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

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 540
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 27/08/2011

مُساهمةموضوع: رد: صيغة الفئات البديلة   الأربعاء فبراير 22, 2012 11:46 pm

شكرا لمروركم جميعا







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Saud447
الاشراف على الاقسام
الاشراف على الاقسام
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 209
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 17/02/2012
فــيڹ ڛـآإڪڹ : داخل قلب حبيبتي

مُساهمةموضوع: رد: صيغة الفئات البديلة   الخميس فبراير 23, 2012 1:38 am

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

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : انثى
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 69
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 23/02/2012
فــيڹ ڛـآإڪڹ : http://sabaya-lebnenn.riadah.org

مُساهمةموضوع: رد: صيغة الفئات البديلة   الخميس فبراير 23, 2012 5:57 pm

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

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 12
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 23/02/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   الخميس فبراير 23, 2012 6:37 pm

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
pitho
عضو فعال
عضو فعال
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 63
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 01/03/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   السبت مارس 03, 2012 5:23 pm

تسلم يا غالي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
d7ia1
عضو فعال
عضو فعال
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 184
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 24/02/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   السبت مارس 03, 2012 8:52 pm

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

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 89
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 03/03/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   الأحد مارس 04, 2012 2:07 am

مشكور حبيبنا ادمن
نشكرك على الموضوع الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
BLACK M@N
عضو فعال
عضو فعال
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 129
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 23/03/2012

مُساهمةموضوع: رد: صيغة الفئات البديلة   الجمعة أبريل 06, 2012 8:53 pm

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات قروبكم  :: كل مايتعلق بالمنتدي من مسابقات وقوانين :: دورات المنتدي :: دورهـ احتراف برمجه الـ (CSS)-
انتقل الى: