ادا امكن تحويل صيغه كود

سلام عليكم ورحمه الله وبركاته
ادا امكن تحويل صيغه هدا الكود
الى css مع الحفاض على القياسات التي به
لانه يضم خمس صور مع القياسات والقدره على احدث تصاميم كثيره به
هو تصميم الطائر الحر لو هو موجود يقدر يساعدنا فيه او احد الزملاء
واكون مشكور ايظا اريد لنفس الشغله للفوتر يعني تعملي كودين واحد لوجو واحد فوتر css

الكود:: <body>  <a name="top"></a>  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" dir="rtl"> <tr> <td width="1%"> <img border="0" src="https://i.servimg.com/u/f15/18/05/21/89/411.gif" width="165" height="330"/></td> <td width="49%"> <img border="0" src="https://i.servimg.com/u/f15/18/05/21/89/210.gif" width="100%" height="330"/></td> <td width="1%"> <img border="0" src="https://i.servimg.com/u/f15/18/05/21/89/310.gif" width="616" height="330"/></td> <td width="48%"> <img border="0" src="https://i.servimg.com/u/f15/18/05/21/89/211.gif" width="100%" height="330"/></td> <td width="1%"> <img border="0" src="https://i.servimg.com/u/f15/18/05/21/89/111.gif" width="166" height="330"/></td> </tr> </table>

مرحبا @العراقي الطائي
مافهمت قصدك
ممكن توضيح

اهلا كونان هاي الصيغه تومبيلات
اريد تحولها لكود كي اس اس
لوجو وفوتر

@العراقي الطائي تفضل
هذا الكود كامل

الكود:: .bodyline { background-color: #F0EFEF; background: url("هنا رابط صورة الهيدر وسط ") center top no-repeat, url("هنا رابط صورة الهيدر يسار") left top no-repeat, url("هنا رابط صورة الهيدر يمين") right top no-repeat, url(هنا رابط صورة هيدر التمدد) center top repeat-x, url(هنا رابط صورة الفوتر يسار) left bottom no-repeat, url(هنا رابط صورة الفوتر يمين) right bottom no-repeat, url(هنا رابط صورة الفوتر وسط) center bottom no-repeat, url(هنا رابط صورة الفوتر تمدد) center bottom repeat-x, url("هنا رابط صورة الجانب اليسار") left repeat-y, url("هنا رابط صورة الجانب اليمين") right repeat-y; padding: 506px 71px 196px 71px;}

مشكور افندينا بس المشكله ما اعرف كيف اضع الوسم
مثل هدول
لان لازم وسم يتوزع عليهم مثل هدول

الكود:: .a1{background-image:url(https://qlopmasria.com/vb/qlop26/images/hex.gif);background-repeat:repeat-x;height:720px} .a2{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/iy10.jpg);background-repeat:no-repeat;width:1800px;height:720px;float:right} .a3{background-image:url(https://qlopmasria.com/vb/qlop26/images/hex.gif);background-repeat:no-repeat;width:232px;height:720px;float:left} .f1{background-image:url(https://qlopmasria.com/vb/qlop26/images/fex.gif);background-repeat:repeat-x;height:600px;position:relative} .f2{background-image:url(https://qlopmasria.com/vb/qlop26/images/fex.gif);background-repeat:no-repeat;width:120px;height:600px;float:right} .f3{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/210.jpg);background-repeat:no-repeat;width:1200px;height:600px;float:left}

@العراقي الطائي
وسم ايش يا خوي الكود جاهز ما يحتاج إلى أي وسوم
انا استخدمه حاليا

الغي الكود تبع التومبيلات اللي عندك
وضع هذا الكود في css فقط كل ما
عليك فعله اضافة صور الستايل

ما ينفع اخوي لازم وجود الوسم تحياتي لك
لانه لم يضهر لاني بستعمل تومبيلات

اخي امسح كود التومبيلات الخاص بالهيدر و الفوتر
سيعمل معك الكود جيدا

بعد اذنكم
الوسم ينحط بالقالب اول

لازم تحط القالب
وحدد الجزئية التي تريد لها وسم

اهلا كونان نورت هدا كود القديم انه ما يعطي
النتيجه المرجوه لهدا حبيت اتسووله تعديل حسب الكود الاول اللي نزلته
ولك الشكر
فيه هيدر فوتر فئات لاكن الصور ثابته بمكان واحد لا استطيع وضع صوره كبيره بالوسط
او مكان اخر وهكدا

الكود:: .a1{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/hd1.gif);background-repeat:repeat-x;height:700px;position:relative} .a2{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/hd2.gif);background-repeat:no-repeat;width:1000px;height:700px;float:right} .a3{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/hd1.gif);background-repeat:no-repeat;width:300px;height:700px;float:left} .f1{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/fotr1.gif);background-repeat:repeat-x;height:700px;position:relative} .f2{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/fotr1.gif);background-repeat:no-repeat;width:83px;height:700px;float:right} .f3{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/fotr2.gif);background-repeat:no-repeat;width:1400px;height:700px;float:left} .l1{position:absolute;width:170px;height:145px;top:300px;left:550px} .t1{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-ht.gif);height:230px;background-repeat:repeat-x} .t2{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-h1.gif);height:230px;width:700px;background-repeat:no-repeat;float:right} .t3{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-h2.gif);height:230px;width:250px;background-repeat:no-repeat;float:left} .body-bg{color:#FFF;text-align:justify} .t4{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-p2.gif);background-repeat:repeat-y;background-position:left;padding-left:10px} .t5{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-p1.gif);background-repeat:repeat-y;background-position:right;padding-right:10px} .t6{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-ft.gif);height:202px;background-repeat:repeat-x} .t7{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-f1.gif);height:202px;width:700px;background-repeat:no-repeat;float:right} .t8{background-image:url(https://www.a-al7b.com/vb/a-al7b17-2021/nav/nav-f2.gif);height:202px;width:197px;background-repeat:no-repeat;float:left}

أفندينا كتب: @العراقي الطائي تفضل
هذا الكود كامل

الكود:
.bodyline { background-color: #F0EFEF; background: url("هنا رابط صورة الهيدر وسط ") center top no-repeat, url("هنا رابط صورة الهيدر يسار") left top no-repeat, url("هنا رابط صورة الهيدر يمين") right top no-repeat, url(هنا رابط صورة هيدر التمدد) center top repeat-x, url(هنا رابط صورة الفوتر يسار) left bottom no-repeat, url(هنا رابط صورة الفوتر يمين) right bottom no-repeat, url(هنا رابط صورة الفوتر وسط) center bottom no-repeat, url(هنا رابط صورة الفوتر تمدد) center bottom repeat-x, url("هنا رابط صورة الجانب اليسار") left repeat-y, url("هنا رابط صورة الجانب اليمين") right repeat-y; padding: 506px 71px 196px 71px;}

اخي هذا كود bodyline للفئات فقط

اخي لو تحول الكود لـ css بالنهاية لازم يكون فيه كلاسات الـ html توضع في قالب الهيدر لتعمل اكواد الـ css لانها مترابطه مع بعضها البعض

فما رح تفرق

اهلا نابلسي منور اي تمام عندي هالكلاسات
تومبيلات

@أفندينا
تمام افندينا كنت مفكر انه لن يعمل مع الاوسام اشتغل
عندي واكوادك تمام شكرا جزيلا

@العراقي الطائي هل تم الحل

تم الحل شكرا لكم

نعم وقمت بتحويل ستايل انوار التصميم وبهده الاكواد تم بسرعه
شكرا للجميعد

العراقي الطائي كتب:نعم وقمت بتحويل ستايل انوار التصميم وبهده الاكواد تم بسرعه
شكرا للجميعد

اخي كيف قمت بتحويل ستايل منتديات انوار التصميم من منتدى في بي الى احلى منتدى ممكن الطريقة ارجوك الله يرحم والديك ممكن الكود الذي استعملته بالظبط وكيف اجعله يعمل عندي