منتديات جنة الدنيا | شبكة جنة الدنيا
انت لسه مسجلتش ده احنا عايزينك وسطنا و مستنينك من زمان يا مان
انت لسه مسجلتيش كل ده تاخير يلا انضمي لينا و شجعينا نجيب اجوان
منتديات جنة الدنيا | شبكة جنة الدنيا
انت لسه مسجلتش ده احنا عايزينك وسطنا و مستنينك من زمان يا مان
انت لسه مسجلتيش كل ده تاخير يلا انضمي لينا و شجعينا نجيب اجوان
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
عيادات ايبلا لطب وتجميل الاسنان
عيادات ايبلا لطب وتجميل الاسنان
محرك بحث العراق Google Iraq
كتاب معجزات الشفاء فى منتجات النحل(الكتاب كامل)
قصة قارون
قصة طالوت و جالوت
قصة الخضر عليه السلام
بقرة بني اسرائيل
قصة قبيل و هابيل
قصة هاروت و ماروت
الخميس يوليو 12, 2012 3:49 am
الخميس يوليو 12, 2012 1:45 am
السبت يونيو 23, 2012 9:36 pm
الخميس يونيو 14, 2012 3:46 am
الإثنين أبريل 16, 2012 12:09 pm
الخميس مارس 15, 2012 12:00 pm
الخميس مارس 15, 2012 9:15 am
الخميس مارس 15, 2012 9:11 am
الخميس مارس 15, 2012 9:08 am
الخميس مارس 15, 2012 9:05 am











منتديات جنة الدنيا | شبكة جنة الدنيا

الرئيسيةشبكة جنة الدنياأحدث الصورالتسجيلدخول

شاطر | 
 

 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Red_Dragon
المدير
المدير
Red_Dragon

ذكر
الميزان التِنِّين
عدد المساهمات : 3941
نقاط : 9992
السٌّمعَة : 0
العمر : 36
الموقع : http://www.helmelworod.com
الدولة : مصر

وسام 1 : كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) A2

كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Empty
مُساهمةموضوع: كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)   كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyالخميس سبتمبر 08, 2011 7:51 pm


نكت فرفشة انيمي صور منتديات جنة الدنيا اسلامي شرح اناشيد فوتوشوب
بسم الله الرحمن الرحيم
السلام عليكم
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)
انتشر بيننا كود لوضع ايطارات لمحتوى معين ولكنه غير فعال لانه غير متوافق مع المتصفحات

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

صورة لفكرة الكود


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Struct10

الكود جزئين جزء html
وcss



كود html
الكود: ---------تضليل المحتوى
<!-- Box >> Start -->
<div class="box">

<!-- Box Header >> Start -->
<div class="box-header">
<div class="box-header-right"></div>
<div class="box-header-left"></div>
<!-- Box Header >> End -->
</div>

<!-- Box Body >> Start -->
<div class="box-body">
<div class="box-body-right">
<div class="box-body-left">
اي شيء تريده المحتويات
</div>
</div>
<!-- Box Body >> End -->
</div>

<!-- Box Footer >> Start -->
<div class="box-footer">
<div class="box-footer-right"></div>
<div class="box-footer-left"></div>
<!-- Box Footer >> End -->
</div>

<!-- Box >> End -->
</div>

كود 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;
}



تستطيع استخدام الكود في كثير من الاماكن مثل
ان نضعه ايطار للاقسام باستخدام التومبيلات وغيره الكثير

دعوة لي ول والدي يا اخوة
بارك الله بكم
حســــــــــن - المساعد الليلي كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) 103798
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.helmelworod.com
 

كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
ahmed
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)
» كود يجعل الاطار الداخلي للمنتدى اطار منقط (الشرح بالصور)
» كود ال css لجعل اطار المنتدى على شكل دوائر جميلة
» كود وضع اطار على اسم ورتبة العضو طريقة جديده
» كود (تبقى من شهر رمضان) مع اطار فلاشي 1430هـ

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات جنة الدنيا | شبكة جنة الدنيا :: دعم المواقع العربية :: اكواد css-
free counters


Powered by Ahlamontada® Version 1.2
استايل رمضان Copyright ©2011 - 2012, helmelworod.com
Enterprises Ltd. helmelworod Network


©phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | ملفات تعريف الارتباط التابعة لجهات خارجية | آخر المواضيع
التعليم الالكتروني | وردة محتارة