فعاليات شبكة سيدي عامر:

افتتاح موقع المنشد عبد الحميد بن سراج تصميم شبكة سيدي عامر
الإنتخابات التشريعية المسيلة
مهــــــــــــــآرة حلْ { ـآلمُشكٍلآتْ}


الرئيسيةبحـثالتسجيلدخولس .و .جمكتبة الصور

انتقل الى الصفحة : الصفحة السابقة  1, 2
معلومات العضو
zAkOo

فريق المشرفين
فريق المشرفين
معلومات إضافية
الجنس: ذكر
الْمَشِارَكِات الْمَشِارَكِات: 5707
الْعُمْر الْعُمْر: 26
السٌّمعَة السٌّمعَة : 48
نوع المتصفح صافاري
مُساهمةموضوع: كود وضع اطار من كل الجهات 2011-04-27, 16: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]



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

عضو
عضو
معلومات إضافية
الجنس: انثى
الْمَشِارَكِات الْمَشِارَكِات: 117
الْعُمْر الْعُمْر: 23
السٌّمعَة السٌّمعَة : 1
نوع المتصفح موزيلا
مُساهمةموضوع: رد: كود وضع اطار من كل الجهات 2012-01-30, 21:24
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
namira

عضو جديدعضو جديد
معلومات إضافية
الجنس: انثى
الْمَشِارَكِات الْمَشِارَكِات: 8
الْعُمْر الْعُمْر: 47
السٌّمعَة السٌّمعَة : 1
نوع المتصفح موزيلا
مُساهمةموضوع: رد: كود وضع اطار من كل الجهات 2012-02-09, 20:04
الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود وضع اطار من كل الجهات

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 2 من اصل 2انتقل الى الصفحة : الصفحة السابقة  1, 2
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة سيدي عامر :: أحلى منتدى :: عالم الأكواد-


© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | الحصول على مدونة مجانية