منتدى الفيصلي الاردني

منتدى الفيصلي الاردني

اهلا وسهلا في منتدى الفيصلي الاردني
 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخولمركز رفع
كنتــ الفيصلي ـرول :- اعــــــﮯـــلان عــــﮯــام شــــﮯــــات كـــتــــﮯــابي _ ومنتـــﮯــدى _ وموقع ـــ لــلـــبيـــــﮯـــع _ في ســـﮯــعر مغــــﮯـــري للاســـﮯــتفسار يرجـــﮯ الاتصــال على الرقام التالي 0785512205 من خـارج الاردن 00962785512205 وشكــرا
دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر
المواضيع الأخيرة
» الدبلومه المتقدمه (إستشارى إداره وإعداد برامج وتسويق سياحى اليكترونى )
الخميس أبريل 25, 2013 8:35 am من طرف iecs-ra

» عرض خاص لشهر مايو
الخميس أبريل 25, 2013 8:14 am من طرف iecs-ra

» دبلومة الاتوكاد AutoCAD Diploma
الخميس أبريل 25, 2013 8:12 am من طرف iecs-ra

» دبلومة الجرافيك Graphic Design Course
الخميس أبريل 25, 2013 8:11 am من طرف iecs-ra

» دبلومة تصميم المواقع Web Design Diploma
الخميس أبريل 25, 2013 8:10 am من طرف iecs-ra

» Amadeus ticketing دبلومة حجز تذاكر الطيران
الخميس أبريل 25, 2013 8:08 am من طرف iecs-ra

» مفاجاه للطلبه و الخرجيين
الخميس أبريل 25, 2013 8:07 am من طرف iecs-ra

» Air Diploma in Hospitality دبلومة الضيافه الجويه
الخميس أبريل 25, 2013 8:05 am من طرف iecs-ra

»  حصريا برنامج Folder Marker Pro 3.2.0 لتغيير أشكال وألوان المجلدات + السيريال Serial
الجمعة أبريل 06, 2012 2:52 pm من طرف منصور 88

عدد الزوار منتدى امير الاحزان
عدد زوار المنتدى امير الاحزان زيد

.: عدد زوار المنتدى :.

راديو رتانا من منتدى امير الاحزان زيد


شاطر | 
 

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

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

عدد المساهمات : 500
نقاط : 2147483647
السٌّمعَة : 0
تاريخ التسجيل : 31/03/2011
العمر : 25
الموقع : امير الاحزان زيد

مُساهمةموضوع: كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)   السبت نوفمبر 26, 2011 4:02 pm

بسم الله الرحمن الرحيم


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

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

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


الكود جزئين جزء 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;
    }



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

تحياتي للجميع
















الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://zaid11.own0.com
 
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الفيصلي الاردني :: قسم تطوير المنتديات :: قسم تطوير احلى المنتديات :: اكواد HTML :: الأكواد الإنسيابية Css :: اكواد التومبلايت-
انتقل الى: