توزيع الاقسام تعديل css
 

السلام عليكم ورحمة الله وبركاته

بشأن توزيع الاقسام عندي كود سابق فقط استبدل الصور فقط الجزء العلوي من ثلاث صور

لاكن الان معي مشكله ان الجزء العلوي عمود يمين + تمدد + صورة وسط + يسار تمدد + عمود يسار

ابغاكم تساعدوني وتعدلون الكود على خمس صور بدل 3 صور

رمز Code:
/**صورة تمدد هيدر التاطير**/
.h-tmdd{
background-image:url('##########');
height:97px;background-repeat:repeat-x;
}
/**الصورة اليمنى لهيدر التاطير**/
.h-right{
background-image:url('##########');
height:97px;width:42px;background-repeat:no-repeat;float:right;
}




/**الصورة اليسرى لهيدر التاطير**/

.h-left{
background-image:url('##########');
height:97px;width:39px;background-repeat:no-repeat;float:left;
}
/**لا تغير شيء في هذا الكود**/
.body-bg{
color:#FFFFFF;
text-align:justify;
}
/**صورة العمود الايسر**/
.body-left{
background-image:url('##########');
background-repeat:repeat-y;
background-position:left;
padding-left:39px;
}
/**صورة العمود الايمن**/
.body-right{
background-image:url('##########');
background-repeat:repeat-y;
background-position:right;
padding-right:42px;
}
/**صورة تمدد فوتر التاطير**/
.f-tmdd{
background-image:url('##########');
height:52px;background-repeat:repeat-x;
}
/**الصورة اليمنى لفوتر التاطير**/
.f-right{
background-image:url('##########');
height:52px;width:42px;background-repeat:no-repeat;float:right;
}
/**الصورة اليسرى لفوتر التاطير**/
.f-left{
background-image:url('##########');
height:52px;width:39px;background-repeat:no-repeat;float:left;
}