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

تواصل معنا على
شبكه التراس التطويري
هلا فيك
شبكه التراس التطويري
هلا فيك
شبكه التراس التطويري


الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
شرح طريقه اضافه منتداك فى اليكسا ( alexa ) ... بالصور
طلب اشارف
طلب منتدى في بي
موضوع ولا اروع
كلام رائع
كنوز إيمانية
¨. ْ*•¸,أَيَحْسَبُ الْإِنْسَانُ أَنْ يُتْرَكَ سُدًى,¸•* ْ.¨
لكل من تاخرت عن التحقق امنياته
لاصحاب المواقع اضف جميع مواضيع منتداك لقوقل
فتاه امريكيا تاكل الصابون
الأربعاء فبراير 29, 2012 5:58 pm
الجمعة فبراير 10, 2012 2:04 am
الثلاثاء يناير 31, 2012 2:59 am
الثلاثاء يناير 31, 2012 2:50 am
الثلاثاء يناير 31, 2012 2:49 am
الثلاثاء يناير 31, 2012 2:47 am
الثلاثاء يناير 31, 2012 2:46 am
الثلاثاء يناير 31, 2012 2:43 am
الثلاثاء يناير 31, 2012 2:40 am
الثلاثاء يناير 31, 2012 2:38 am











شاطر | 
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
άήτђạ



كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Iqt03898
معلوماتاضافية
الجنس : ذكر
الدولة : كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) DVK86485
عدد المشاركات : 931
نشاط العضو : 1750
تاريخ التسجيل : 11/04/2011
المزاج : 3

كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Empty
http://75kk.forumarabia.com
مُساهمةموضوع: كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)   كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyالأحد مايو 29, 2011 5:07 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;
    }



منقول من الأخ :المساعد الليلي
الموضوع الأصلي : كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) الكاتب : άήτђạالمصدر : منتديات أصحاب كول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

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

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

-
» كود CSS لجعل البيانات الشخصية احترافية في المشاركات+اطار للصورة الشخصية وميزات اخرى كالفيبي للنسخة phpbb2
صفحة 1 من اصل 1

 كلماتدلالية كلماتدلالية
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) اصحاب كول , كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) جديد على منتديات اصحاب كول ,كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) , كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) eshary , كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) telecharger 2011 , كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)
 KonuLinki الموضوع
 كود BBCode BBCode
 كودHTML HTML Kodu
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكه التراس التطويري :: قسم تطوير المنتديات و المساعدة على إدارتها :: . :: أسئلة مترددة و نصوص شرح مصورة-


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