اما بعد :
استكمالاً للشروحات السابقة ...
شرح اليوم هو التحكم بعرض عارضة اعلى المنتدى لتلائم عرض المنتدى
اذن كما شرحنا في الدروس السابقة كيفية معرفة اسم وسم (HTML) التابعة لعارضة اعلى المنتدى
و معرفة مكان كتابة الكود للمعاينة قبل نقله الى صفحة الاكواد الانسيابية ، نكتب هذا الكود التالي ونتلاعب به ليلائم
ما نراه مناسب لتصميم المنتدى :
الكود:
#fa_toolbar {
width: 1091px;
margin-right: auto;
margin-left: auto;
}
طبعاً نستطيع اضافة الاكواد الجديدة الى الاكواد القديمة التي تم تطبيقها مباشرةً دون كتابة اسم
وسم العارضة .
الشكل الجديد لعرض العارضة يصبح كالتالي :
شرح الكود :
1- width
اكيد تعني العرض ويمكن التحكم بالرقم امامها للتغيير المناسب للمنتدى .
2-
margin-right
سحب العنصر الى جهة اليمين ووضعنا امامه كلمة
auto
ليكون كل العنص بجانب اليمين .
3- margin-left
سحب العنصر الى جهة اليسار ووضعنا كلمة
auto
ليكون كل العنصر بجانب اليسار .
اذن من الكودين الاخيرين تم توسيط العارضة بمنتصف المنتدى بدون
ادخال ارقام بدل كلمة
auto
وهذه الكلمة وفر الوقت لتوسيط العارضة بمنتصف المنتدى .
الى هنا ينتهي هذا الدرس
تحياتي لكم .
keko_ferkekoالإثنين مايو 19, 2014 10:23 am