| كود وضع اطار من كل الجهات | |
|
كاتب الموضوع | رسالة |
---|
ZaKoo
صلي على النبي صل الله عليه وسلم انجازاتي لايتوفر على اوسمة بعد:
| موضوع: كود وضع اطار من كل الجهات 2011-04-27, 18:01 | |
| بسم الله الرحمن الرحيم السلام عليكم كود وضع اطار من كل الجهات (مطور و متوافق مع كل المتصفحات) انتشر بيننا كود لوضع ايطارات لمحتوى معين ولكنه غير فعال لانه غير متوافق مع المتصفحات يسبب بطئ شديد للمنتدى الحل موجود وهو استخدام الاسطورة css بوضع الجدول ليظهر بشكل اسرع ويتوافق مع المتصفحات صورة لفكرة الكود الكود جزئين جزء html وcss كود css - الكود:
-
/* ------------------------------------------ 1-Box ------------------------------------------ */ .box{ width:600px; margin:0 auto; background-color:#FFF; } /* ------------------------------------------ 2-Box Header ------------------------------------------ */ .box-header{ background:url(خلفية ممتدة في الاعلى) repeat-x top; height:61px; } .box-header-right{ background:url(صورة اعلى اليمين) no-repeat top right; height:61px; width:203px; float:right; } .box-header-left{ background:url(صورة اعلى اليسار) no-repeat top left; height:61px; width:46px; float:left; } /* ------------------------------------------ 3-Box Body ------------------------------------------ */ .box-body{ background-color:#FFF; text-align:justify; } .box-body-right{ background:transparent url(خلفية ممتدة يمين) repeat-y right; } .box-body-left{ background:transparent url(خلفية ممتدة يسار) repeat-y left; padding:20px; } /* ------------------------------------------ 4-Box Footer ------------------------------------------ */ .box-footer{ background:url(خلفية ممتدة بالاسفل) repeat-x bottom; height:49px; } .box-footer-right{ background:url(صورة اسفل اليمين) no-repeat bottom right; height:49px; width:49px; float:right; } .box-footer-left{ background:url(صورة اسفل يسار) no-repeat bottom left; height:49px; width:49px; float:left; } [/hide] تستطيع استخدام الكود في كثير من الاماكن مثل ان نضعه ايطار للاقسام باستخدام التومبيلات وغيره الكثير |
|
| |
AZER16
صلي على النبي صل الله عليه وسلم انجازاتي لايتوفر على اوسمة بعد:
| موضوع: رد: كود وضع اطار من كل الجهات 2011-04-27, 18:06 | |
| بارك الله فيك على الابداع و جزاك الله خيرا اخي الكريم على العمل الجبار .. .. .. اجمل تحية
|
|
| |
ZaKoo
صلي على النبي صل الله عليه وسلم انجازاتي لايتوفر على اوسمة بعد:
| موضوع: رد: كود وضع اطار من كل الجهات 2011-04-28, 01:06 | |
| اهلا بيك اخي الكريم نورت الموضوع |
|
| |
mahmoudn
صلي على النبي صل الله عليه وسلم انجازاتي لايتوفر على اوسمة بعد:
| موضوع: رد: كود وضع اطار من كل الجهات 2011-05-04, 22:13 | |
| |
|
| |
mounir_zer
صلي على النبي صل الله عليه وسلم انجازاتي لايتوفر على اوسمة بعد:
| موضوع: رد: كود وضع اطار من كل الجهات 2011-05-07, 21:51 | |
| |
|
| |
elnour
صلي على النبي صل الله عليه وسلم
| موضوع: رد: كود وضع اطار من كل الجهات 2011-05-17, 12:18 | |
| |
|
| |
NASRODK
صلي على النبي صل الله عليه وسلم
| موضوع: رد: كود وضع اطار من كل الجهات 2011-06-26, 15:05 | |
| اهلا بيك اخي الكريم نورت الموضوع |
|
| |
دفيد فيا
صلي على النبي صل الله عليه وسلم
| موضوع: رد: كود وضع اطار من كل الجهات 2011-07-01, 23:43 | |
| |
|
| |
mahi
صلي على النبي صل الله عليه وسلم
| موضوع: رد: كود وضع اطار من كل الجهات 2011-07-27, 19:30 | |
| جهد مضني وعمل شاق مشكور ومجاز بحول الله |
|
| |
egyelbass
صلي على النبي صل الله عليه وسلم
| موضوع: رد: كود وضع اطار من كل الجهات 2012-01-17, 21:09 | |
| |
|
| |
كيداهم
صلي على النبي صل الله عليه وسلم
| موضوع: رد: كود وضع اطار من كل الجهات 2012-01-30, 23:24 | |
| |
|
| |
namira
صلي على النبي صل الله عليه وسلم
| موضوع: رد: كود وضع اطار من كل الجهات 2012-02-09, 22:04 | |
| |
|
| |
|