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

من طرف العراقي الطائي 17/12/2021, 6:11 pm

سلام عليكم ورحمه الله وبركاته
ادا امكن تحويل صيغه هدا الكود
الى 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>

من طرف **كونان2000** 17/12/2021, 7:44 pm

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

من طرف العراقي الطائي 18/12/2021, 12:15 am

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

من طرف أفندينا 18/12/2021, 12:45 am

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

الكود:: .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;}

من طرف العراقي الطائي 18/12/2021, 2:57 am

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

الكود:: .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}

من طرف أفندينا 18/12/2021, 1:14 pm

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

من طرف أفندينا 18/12/2021, 1:16 pm

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

من طرف العراقي الطائي 18/12/2021, 5:12 pm

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

من طرف أفندينا 18/12/2021, 6:11 pm

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

من طرف **كونان2000** 18/12/2021, 6:22 pm

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

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

من طرف العراقي الطائي 18/12/2021, 8:51 pm

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

الكود:: .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}

من طرف Mc nabulsy 18/12/2021, 9:37 pm

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

الكود:
.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 للفئات فقط

من طرف Mc nabulsy 18/12/2021, 9:45 pm

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

فما رح تفرق

من طرف العراقي الطائي 18/12/2021, 10:19 pm

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

من طرف العراقي الطائي 20/12/2021, 9:06 pm

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

من طرف **كونان2000** 21/12/2021, 4:10 am

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

من طرف العراقي الطائي 21/12/2021, 4:49 pm

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

من طرف العراقي الطائي 21/12/2021, 4:56 pm

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

من طرف mazyane 5/1/2022, 1:59 pm

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

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