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

رويـــــال فـــريـــنـــدس

اسلاميات | رياضه | اخبار | صور | اغانى | افلام | مسلسلات | فيديوهات | كورسات | تطوير المنتديات | وكل مايخص الموبيل
 
الرئيسيةالمجلهأحدث الصورالتسجيلدخول
الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 001uq910
الساده اعضاء رويـــــال فـــريـــنـــدس
نريد ان نعلمكم ان المنتدى يتوفر على رابطين
 https://royalfriends.own0.com
 http://assasi4ever.own0.com
وشكرااااااااااا
By Abu Ali Elassasy


 

 الدرس 9: الحاشية والحشو فقط على منتديات العساسيه

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
AbU ALi ElA$Sa$Y
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU ALi ElA$Sa$Y


النادى المفضل : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Logo2425
الجنسيه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 3dflag10
مزاجك ايه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 1210
هوايتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Chess10
المهنة : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Progra10
الجنس : ذكر
عدد المساهمات : 3295
نقاط العضو : 47581
شعبية العضو : 1740
السمك
الديك
الموقع : عايش فى منتدى العساسيه
العمر : 31
تاريخ التسجيل : 22/05/2009
اوسمتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Xxtt8
اوسمتى 2 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Wafaa
اوسمتى 3 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Ebda4e_39
دعائى يارب تقبله : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Fp_21

بطاقة الشخصية
شات المنتدى:

الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
مُساهمةموضوع: الدرس 9: الحاشية والحشو فقط على منتديات العساسيه   الدرس 9: الحاشية والحشو فقط على منتديات العساسيه I_icon_minitime10th يونيو 2010, 23:36

في الدرس الماضي تعرفنا على نموذج الصندوق، في هذ الدرس سنلقي نظرة على كيفية تغيير شكل العناصر بتغيير إعدادات خاصية margin وpadding.


تعديل خاصية margin لعنصر ما


كل عنصر له أربع جوانب، اليمين right، اليسار left، الاعلى top، الأسفل bottom، الخاصية margin تتحكم ببعد كل جانب من جوانب العنصر عن العنصر المحاذي له، أو إطار الصفحة، أنظر إلى الرسم التوضيحي في [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] للمزيد من التوضيح.
في المثال الأول لنلقي نظرة على كيفية تحديد الحاشية "margin" للصفحة نفسها أي للعنصر ، الرسم أدناه يوضح كيف نريد للحاشية أن تكون في الصفحة.

الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Figure011

في ملف CSS سنكتب التالي:


body {
margin-top: 100px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
}





أو يمكننا تجميع كل هذه السطور في سطر واحد أنيق:


body {
margin: 100px 40px 10px 70px;
}







يمكنك تحديد الحاشية بنفس الطريقة لمعظم العناصر، فمثلاً يمكنك تحديد الحاشية لكل الفقرات النصية للعنصر

:


body {
margin: 100px 40px 10px 70px;
}

p {
margin: 5px 50px 5px 50px;
}








تعديل خاصية padding لعنصر ما


الحشو يمكن التعبير عنه بأنه "ما في داخل العنصر نفسه" والحشو لا يؤثر
في المسافية بين العنصر والآخر، بل يحدد المسافة في العنصر نفسه بين
محتويات العنصر والإطار.


استخدام الحشو "padding" يمكن توضيحه بمثال بسيط حيث كل العناوين لها ألوان خلفية:


h1 {
background: yellow;
}

h2 {
background: orange;
}







بتحديد الحشو لكل عنوان يمكن تغيير حجم العنصر الداخلي الذي يحيط بالعنوان من كل جهة:


h1 {
background: yellow;
padding: 20px 20px 20px 80px;
}

h2 {
background: orange;
padding-left:120px;
}





ترقبو المزيد

اطلب اى شرح وان شاء الله هنجيبهولك
الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 600677
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://royalfriends.own0.com
hassan_dmar
عضو ماهر
عضو ماهر
hassan_dmar


النادى المفضل : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Logo1114
الجنسيه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Ps10
مزاجك ايه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 1210
هوايتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Travel10
المهنة : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Studen10
الجنس : ذكر
عدد المساهمات : 184
نقاط العضو : 10673
شعبية العضو : 4
الجدي
الكلب
الموقع : اول لفة على ايديك اليمين
العمر : 29
تاريخ التسجيل : 16/08/2010
اوسمتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
اوسمتى 2 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
اوسمتى 3 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
دعائى يارب تقبله : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 553bd1df56

الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
مُساهمةموضوع: رد: الدرس 9: الحاشية والحشو فقط على منتديات العساسيه   الدرس 9: الحاشية والحشو فقط على منتديات العساسيه I_icon_minitime17th أغسطس 2010, 00:05

الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 881756
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rock-soul.ahlamontada.net
AbU ALi ElA$Sa$Y
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU ALi ElA$Sa$Y


النادى المفضل : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Logo2425
الجنسيه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 3dflag10
مزاجك ايه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 1210
هوايتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Chess10
المهنة : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Progra10
الجنس : ذكر
عدد المساهمات : 3295
نقاط العضو : 47581
شعبية العضو : 1740
السمك
الديك
الموقع : عايش فى منتدى العساسيه
العمر : 31
تاريخ التسجيل : 22/05/2009
اوسمتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Xxtt8
اوسمتى 2 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Wafaa
اوسمتى 3 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Ebda4e_39
دعائى يارب تقبله : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Fp_21

بطاقة الشخصية
شات المنتدى:

الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
مُساهمةموضوع: رد: الدرس 9: الحاشية والحشو فقط على منتديات العساسيه   الدرس 9: الحاشية والحشو فقط على منتديات العساسيه I_icon_minitime17th أغسطس 2010, 11:06

شكرررررررررررررر لمرورك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://royalfriends.own0.com
hassan_dmar
عضو ماهر
عضو ماهر
hassan_dmar


النادى المفضل : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Logo1114
الجنسيه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Ps10
مزاجك ايه : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 1210
هوايتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Travel10
المهنة : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Studen10
الجنس : ذكر
عدد المساهمات : 184
نقاط العضو : 10673
شعبية العضو : 4
الجدي
الكلب
الموقع : اول لفة على ايديك اليمين
العمر : 29
تاريخ التسجيل : 16/08/2010
اوسمتى : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
اوسمتى 2 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
اوسمتى 3 : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
دعائى يارب تقبله : الدرس 9: الحاشية والحشو فقط على منتديات العساسيه 553bd1df56

الدرس 9: الحاشية والحشو فقط على منتديات العساسيه Empty
مُساهمةموضوع: رد: الدرس 9: الحاشية والحشو فقط على منتديات العساسيه   الدرس 9: الحاشية والحشو فقط على منتديات العساسيه I_icon_minitime17th أغسطس 2010, 21:18

:)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rock-soul.ahlamontada.net
 
الدرس 9: الحاشية والحشو فقط على منتديات العساسيه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس 2: الألوان والخلفيات فقط على منتديات العساسيه
» الدرس 11: الارتفاع والعرض من اهم الدروس فقط على منتديات العساسيه
» الدرس الخامس عشر: النصائح الأخيرة وكدا نبقى خلصنا الموسوعه الكامله فقط على منتديات العساسيه
» الدرس 5: الروابط فقط على مننتديات العساسيه
» العب اون لاين على منتديات العساسيه

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