ابراهيم هنداوي
19-09-2009, 03:31 PM
السلام عليكم ورحمه الله وبركاته
نقدم شرح اساسيات css التي تساعدك في تطوير موقعك
الدرس مقدم من :- مجموعة ابداعي التطويرية (http://www.abda3y.com/blog/) - بواسطة :- ابراهيم هنداوي (http://www.abda3y.com/blog/%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9/)
http://www.abda3y.com/blog/csslogo.png (http://www.abda3y.com/blog/csslogo.png)
http://www.abda3y.com/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gi f (http://www.abda3y.com/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gi f)
محلوظة مهمه جدا :- هذا كله لايعتبر css بالكامل ولكن هذه اجزاء التي يمكن ان تستخدمها دائما في التعديل او الاضافه او حتي في اعمالنا و دروسنا القادمه و في تطويرتنا
الان نقوم بشرح بعض الاكواد الاساسيه في css
كود خاص بتغير fonts من Tahoma – Arial
font-family: Tahoma;
كود خاص بتغير font size من 11px – 12px | يفضل اولا واخيرا استخدام الاحجام هذه وهي افضل احجام الخطوط مثل الخط المكتوب به الان و هذه تستخدم عن تغير حجم الفونت في موقعك او مدونتك في ملف css الخاص بالاستايل وغالبا يكون له اسم style.css
font-size: 11px;
كود خاص بتغير لون الخط color | هذه تستخدم في تغير الوان الخطوط التي بالموقع لديك حيث انك يمكنك تغير الالوان من خلالها الي الون المفضل و اكواد الالوان يجب ان تكون هكذا
color: #FFFFFF;
كود خاص بتغير اماكن الكلام مثلا يمين – وسط – شمال | تستخدم في تغير اماكن الخطوط الي الاماكن المطلوبه تواجدها .. right – left – center
text-align: right;
كود خاص بتغير حدود الجداول وغيرها و يسمي border | تستخدم في عمل تحديد متقتطع او كامل بشكل مميز و كامل .. ويمكن استخدامه في عمل اشكال محيطه بالكلام
border: 1px dotted;
ويوجد انواع كثيرة من التحديد منها :- dotted – wheat – solid – inset – outset
كود خاص بتغير حجم وعرض المحتوي من مسافات او مساحات ويسمي margin| تستخدم في عمل مساحات و مسافات بين الجداول و غيرها وتنسيق الكلام و البعد بين الكلام و الجداول ولها عده استخدمات ويوجد منها الانواع الاتيه
margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
كود استخدام النصوص مثل الاتي (نص تحته خط – نص عادي – نص مائل) | يستخدم دائما في الروابط لانه يوجد بعض الاستايلات لا تجد خط تحت النصوص التي بها روبط او احيانا تجدها و هذة اذواق المصمم و حسب شكل الاستايل و استخدماته
text-decoration: underline;
text-decoration: none;
كود الذي يستخدم في تحويل جميع اجزاء الصفحه من اليمين الي اليسار و العكس | يستخدم دائما عندما يقوم اي معرب استايل بتعريب استايل لكي يقوم بتحويل الاستايل او اجزاء منها من اليسار الي اليمين
float: right;
float: center;
float: left;
كود الذي يستخدم في العرض او الطول width – height
height: 60px;
width: 468px; تم الانتهاء من الدرس الاول الحمد لله
و ان شاء الله لنا لقاء مع كيفيه تركيب الاكواد و استخدامها في موقعك
اول درس شرح اساسيات css (http://www.abda3y.com/blog/2009/09/%d8%a7%d9%88%d 9%84-%d8%af%d8%b1%d8%b3-%d8%b4%d8%b1%d8%ad-%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css/)
نقدم شرح اساسيات css التي تساعدك في تطوير موقعك
الدرس مقدم من :- مجموعة ابداعي التطويرية (http://www.abda3y.com/blog/) - بواسطة :- ابراهيم هنداوي (http://www.abda3y.com/blog/%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9/)
http://www.abda3y.com/blog/csslogo.png (http://www.abda3y.com/blog/csslogo.png)
http://www.abda3y.com/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gi f (http://www.abda3y.com/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gi f)
محلوظة مهمه جدا :- هذا كله لايعتبر css بالكامل ولكن هذه اجزاء التي يمكن ان تستخدمها دائما في التعديل او الاضافه او حتي في اعمالنا و دروسنا القادمه و في تطويرتنا
الان نقوم بشرح بعض الاكواد الاساسيه في css
كود خاص بتغير fonts من Tahoma – Arial
font-family: Tahoma;
كود خاص بتغير font size من 11px – 12px | يفضل اولا واخيرا استخدام الاحجام هذه وهي افضل احجام الخطوط مثل الخط المكتوب به الان و هذه تستخدم عن تغير حجم الفونت في موقعك او مدونتك في ملف css الخاص بالاستايل وغالبا يكون له اسم style.css
font-size: 11px;
كود خاص بتغير لون الخط color | هذه تستخدم في تغير الوان الخطوط التي بالموقع لديك حيث انك يمكنك تغير الالوان من خلالها الي الون المفضل و اكواد الالوان يجب ان تكون هكذا
color: #FFFFFF;
كود خاص بتغير اماكن الكلام مثلا يمين – وسط – شمال | تستخدم في تغير اماكن الخطوط الي الاماكن المطلوبه تواجدها .. right – left – center
text-align: right;
كود خاص بتغير حدود الجداول وغيرها و يسمي border | تستخدم في عمل تحديد متقتطع او كامل بشكل مميز و كامل .. ويمكن استخدامه في عمل اشكال محيطه بالكلام
border: 1px dotted;
ويوجد انواع كثيرة من التحديد منها :- dotted – wheat – solid – inset – outset
كود خاص بتغير حجم وعرض المحتوي من مسافات او مساحات ويسمي margin| تستخدم في عمل مساحات و مسافات بين الجداول و غيرها وتنسيق الكلام و البعد بين الكلام و الجداول ولها عده استخدمات ويوجد منها الانواع الاتيه
margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
كود استخدام النصوص مثل الاتي (نص تحته خط – نص عادي – نص مائل) | يستخدم دائما في الروابط لانه يوجد بعض الاستايلات لا تجد خط تحت النصوص التي بها روبط او احيانا تجدها و هذة اذواق المصمم و حسب شكل الاستايل و استخدماته
text-decoration: underline;
text-decoration: none;
كود الذي يستخدم في تحويل جميع اجزاء الصفحه من اليمين الي اليسار و العكس | يستخدم دائما عندما يقوم اي معرب استايل بتعريب استايل لكي يقوم بتحويل الاستايل او اجزاء منها من اليسار الي اليمين
float: right;
float: center;
float: left;
كود الذي يستخدم في العرض او الطول width – height
height: 60px;
width: 468px; تم الانتهاء من الدرس الاول الحمد لله
و ان شاء الله لنا لقاء مع كيفيه تركيب الاكواد و استخدامها في موقعك
اول درس شرح اساسيات css (http://www.abda3y.com/blog/2009/09/%d8%a7%d9%88%d 9%84-%d8%af%d8%b1%d8%b3-%d8%b4%d8%b1%d8%ad-%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css/)