منتديـــــات طيـــور الأبـــداع

[الدرس الثاني] الألوان و الخلفيات 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [الدرس الثاني] الألوان و الخلفيات 829894
ادارة المنتدي [الدرس الثاني] الألوان و الخلفيات 103798

انضم إلى المنتدى ، فالأمر سريع وسهل

منتديـــــات طيـــور الأبـــداع

[الدرس الثاني] الألوان و الخلفيات 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [الدرس الثاني] الألوان و الخلفيات 829894
ادارة المنتدي [الدرس الثاني] الألوان و الخلفيات 103798

منتديـــــات طيـــور الأبـــداع

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

سهم جديد من سهام الابداع


3 مشترك

    [الدرس الثاني] الألوان و الخلفيات

    Dawn birth
    Dawn birth
    °¤™prince™¤°
    °¤™prince™¤°


    ذكر
    عدد المشاركات : 998
    العمر : 34
    العمل : طالب بكلية الطب
    المزاج : لا يهم
    بلدى : [الدرس الثاني] الألوان و الخلفيات Egypt110
    مزاجى : [الدرس الثاني] الألوان و الخلفيات Pi-ca-18

    بطاقة الشخصية
    كلماتى!:

    [الدرس الثاني] الألوان و الخلفيات Empty [الدرس الثاني] الألوان و الخلفيات

    مُساهمة من طرف Dawn birth الجمعة سبتمبر 25, 2009 7:07 pm

    السلام عليكم ورحمة الله وبركاته
    ....................................
    في هذا الدرس سنتعرف على تطبيق تغيير الألوان ولاخلفيات ووضع الخلفية
    اولا الألون:
    لتطبيق لون على عنصر html نستخدم الخاصية color
    مثلا لنجعل العنوان h1 باللون الأحمر :
    الكود:
    h1{
    color:red;
    }
    أو
    الكود:
    h1{
    color:#FA0000;
    }
    لتطبيق لون على الخلفية نستخدم الخاصية
    background-color
    لو أردنا خلفية الصفحة باللون الأسود سيكون الرمز هو
    الكود:
    body{
    background-color:#000000;
    }
    و كذلك لأي عنصر
    فأيضا لو أردنا خلفية العنوان h1 باللون الأبيض سيكون الرمز هو
    الكود:
    h1{
    color:red;
    background-color:white;
    }
    هذا عن الألوان فماذا عن الخلفيات؟؟
    طبعا لو أردنا ان تكون الخلفية لونا معينا سنطبق كما سبق لكن لو أردنا أن نضع صورة للخلفية سنستخدم الرمز
    background-image
    يعني لو أردنا وضع صورة كخلفية للصفحة سيكون الرمز هو:
    الكود:
    body{
    background-image:url('back.jpg');
    }
    خصائص الخلفية:
    التكرار:
    يمكن التحكم في تكرار الخلفية فالوضع الافتراضي انك لو وضعت خلفية للصفحة ستتكرر
    لتملأ الصفحة
    ويمكن التحكم في تكرار الخلفية عن طريق الرمز
    background-repeat
    يعني لو أردت مثلا أن اجعل الخلفية تتكرر رأسيا فقط سيكون الرمز هو
    body{
    background-image:url('back.jpg');
    background-repeat:repeat-y;
    }
    و يمكن استخدام
    repeat-x للتكرار الافقي فقط
    repeat للتكرار رأسيا و أفقيا
    no-repeat لعدم التكرار
    تثبيت الخلفية:
    يمكن التحكم في ثبوت الخلفية عن طريق
    background-attachment
    و معنى ثبوت الخلفية أن تظل مكانها و لا تتحرك مع الصفحة صعودا وهبوطا
    لو أردنا فعل ذلك لخلفية الصفحة و جعلها ثابتة سيكون الرمز هو
    الكود:
    body{
    background-color:#000000;
    background-image:url('back.jpg');
    background-repeat:repeat-y;
    background-attachment:fixed;
    }
    fixed خلفية ثابتة
    scroll خلفية متحركة مع الصفحة صعودا و هبوطا
    التحكم في مكان الخلفية:
    يمكن التحكم في مكان الخلفية عن طريق
    background-position
    فممكن ان نجعلها في المنتصف أو بالاعلى او على اليمين أو اليسار او اعلى اليمين وهكذا
    مستخدمين في ذلك القيم :
    center
    right
    left
    يعني مثلا لو أردنا ان نجعل خلفية الصفحة في أعلى اليمين سيكون الرمز :
    الكود:
    body{

    background-color:#000000;

    background-image:url('back.jpg');

    background-repeat:no-repeat;

    background-attachment:fixed;
    background-position:top right;

    }
    يمكن أيضا التحكم في وضع الخلفية عن طريق الأرقام
    يعني مثلا لو أردنا وضع الخلفية في ربع المسافة من من الاعلى و في منتصف المسافة أفقيا سيكون الرمز هو
    الكود:
    body{


    background-color:#000000;


    background-image:url('back.jpg');


    background-repeat:no-repeat;


    background-attachment:fixed;
    background-position:50% 25%;


    }
    يمكن استخدام البكسل و السنتيميتر أيضا في تحديد موضع الخلفية بدلا من النسبة المئوية
    مثلا لو أردنا ان تكون الخلفية على بعد 4cm من اليسار و 2cm من الاعلى سيكون الرمز هو
    الكود:
    body{



    background-color:#000000;



    background-image:url('back.jpg');



    background-repeat:no-repeat;



    background-attachment:fixed;

    background-position:4cm 2cm;



    }
    يمكن جمع كل خصائص الخلفية في سطر واحد هكذا
    الكود:
    body{
    background:#000000 url('back.jpg') no-repeat fixed top right;}
    انتهى الدرس
    المرة القادمة بغذن الله سيكون تطبيقا عمليا على الدرس

    qazwsx
    qazwsx
    طائر جديد
    طائر جديد


    ذكر
    عدد المشاركات : 20
    العمر : 34
    البلد : ديار ابو متعب
    العمل : طالب علم جوال في كل مكان
    المزاج : تماااااااااااااااااااااااام
    بلدى : [الدرس الثاني] الألوان و الخلفيات Saudi210
    مزاجى : [الدرس الثاني] الألوان و الخلفيات Pi-ca-10

    بطاقة الشخصية
    كلماتى!:

    [الدرس الثاني] الألوان و الخلفيات Empty رد: [الدرس الثاني] الألوان و الخلفيات

    مُساهمة من طرف qazwsx الأربعاء سبتمبر 30, 2009 12:25 am

    جزاك الله خير
    وجعل دروسك في ميزان حسناتك
    فانت تفيد الغير بمعلوماتك
    Dawn birth
    Dawn birth
    °¤™prince™¤°
    °¤™prince™¤°


    ذكر
    عدد المشاركات : 998
    العمر : 34
    العمل : طالب بكلية الطب
    المزاج : لا يهم
    بلدى : [الدرس الثاني] الألوان و الخلفيات Egypt110
    مزاجى : [الدرس الثاني] الألوان و الخلفيات Pi-ca-18

    بطاقة الشخصية
    كلماتى!:

    [الدرس الثاني] الألوان و الخلفيات Empty رد: [الدرس الثاني] الألوان و الخلفيات

    مُساهمة من طرف Dawn birth الخميس أكتوبر 01, 2009 5:38 am

    العفو أخي
    نورت الموضوع بمرورك
    Moon lover
    Moon lover
    o.O المؤسس O.o
    o.O المؤسس O.o


    انثى
    عدد المشاركات : 2714
    العمر : 35
    العمل : طالبه
    بلدى : [الدرس الثاني] الألوان و الخلفيات Egypt110
    مزاجى : [الدرس الثاني] الألوان و الخلفيات Pi-ca-21
    الوسام : [الدرس الثاني] الألوان و الخلفيات Kli8sqegxpq6uu8h787o

    بطاقة الشخصية
    كلماتى!:

    [الدرس الثاني] الألوان و الخلفيات Empty رد: [الدرس الثاني] الألوان و الخلفيات

    مُساهمة من طرف Moon lover الجمعة فبراير 05, 2010 9:05 am

    مليووووووووون شكرا على الشرح الجميل دا
    انا طبقته وجاه معايا تمام
    تسلم ايديك
    Dawn birth
    Dawn birth
    °¤™prince™¤°
    °¤™prince™¤°


    ذكر
    عدد المشاركات : 998
    العمر : 34
    العمل : طالب بكلية الطب
    المزاج : لا يهم
    بلدى : [الدرس الثاني] الألوان و الخلفيات Egypt110
    مزاجى : [الدرس الثاني] الألوان و الخلفيات Pi-ca-18

    بطاقة الشخصية
    كلماتى!:

    [الدرس الثاني] الألوان و الخلفيات Empty رد: [الدرس الثاني] الألوان و الخلفيات

    مُساهمة من طرف Dawn birth الأحد فبراير 07, 2010 1:10 am

    العفو بإذن الله تعالى سأكمل الدروس عندما أفضى

      الوقت/التاريخ الآن هو الخميس مارس 28, 2024 10:15 am