عمر حسين مشرف منتدى الرياضة
عدد المساهمات : 544 تاريخ التسجيل : 19/01/2011
| موضوع: كود وضع اطار كامل على المنتدى وايضا وضعه الازرار اعلى الواجهه الإثنين 29 أغسطس - 2:20 | |
| اهلا وسهلا اخوانى واخواتى اعضاء وزوار منتدي الدعم ,,
لقد شاهدة فى الاوانى الاخيره ,, البحث عن كود عمل اطار كامل للمنتدى ووضع الازرار اعلى الواجهه ولقد وجدة الكود ,, واليوم سوف نعرضه لكم اخوانى ,, ونريحكم من البحث عنه ,, [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ندخل فى الموضوع احبائى ,, اولا صوره من الكود وعمله لتوضيح الامور
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثانيا ,, عليك فعل التالى وهوا حذف الواجهه من اداره الصور
ادخل لوحه التحكم مظهر المنتدى اداره الصور لوحه اداره كامله البنر الرئيسي للمنتدى : قوم بحذفه [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثالثا ,, الكود مقسم من 3 صور ,, وهى الواجهه والاطار الوسط ,, والحقوق
وانا سهلة الامر عليكم وهذا صور بحجم الاكود كل ماعليك تغير الالوان ووضعها فى الكود [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الواجهه ,, [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الاطار الوسط ,, [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الحقوق ,, [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
رابعأ الكود ,, تفضل عزيزى ,, - الكود:
-
#page-body{ background-color: #; background-image: url(رابط الواجهه); background-position: top center; background-repeat: no-repeat; width:978px ; margin: 0px; padding: 0px; padding-top: 732px; } .three-col{ background-color: #; background-image: url(اطار الوسط); background-repeat: repeat-y; width:978px ; padding: 25px 25px 0px 25px; }
#page-footer{ background-color: #; background-image: url(الحقوق); background-repeat: no-repeat; height: 333px; width: 978px; border: none; }
خامسأ ,, طريقه التركيب طريقة الوضع : -
الكود يوضع بورقة الــــcss
لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ارجو ان اكود قد وفقتفي الشرح [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] | |
|