اسلامنا حياتنا
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) 829894
ادارة المنتدي كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) 103798
https://i.servimg.com/u/f39/16/91/07/32/10351_10.gif
اسلامنا حياتنا
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) 829894
ادارة المنتدي كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) 103798
https://i.servimg.com/u/f39/16/91/07/32/10351_10.gif
اسلامنا حياتنا
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اسلامنا حياتنا

سلام عليكم ورحمة الله وبركاتة يا زائر اهلا بك في اسلامنا حياتنا
 
الرئيسيةأحدث الصورالتسجيلدخول
إعلانات تجارية

    لا يوجد حالياً أي إعلان



     

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

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


    تاريخ التسجيل : 30/09/2011
    تاريخ الميلاد : 29/08/1984
    المشاركات: 2244
    نقاط 2147483647
    عمري 40
    ذكر
    الموقع : https://islammnet.own0.com

    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Empty
    مُساهمةموضوع: كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)   كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyالثلاثاء يناير 31, 2012 3:48 am

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

    يسبب بطئ شديد للمنتدى
    الحل موجود
    وهو استخدام الاسطورة 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;
        }


    تستطيع استخدام الكود في كثير من الاماكن مثل
    ان نضعه ايطار للاقسام باستخدام التومبيلات وغيره الكثير
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    https://islammnet.own0.com mohmad4_7
     
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)
    الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1
     مواضيع مماثلة
    -
    » مجموعة متنوعة لافضل المتصفحات باخر الاصدرات لعام 2011 وكل المتصفحات نسخة محمولة ..
    »  سورس عربي قمة بالروعة ومتوافق مع 5.0
    » تحميل اضافة فلاش بلاير 13 لتشغيل الفيديو على المتصفحات Download Adobe Flash Player
    » كود وضع اطار للتوقيع
    » كود وضع اطار للتوقيع

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    اسلامنا حياتنا :: القســــم تعليمي المنتديات احلى منتداى :: التقنيات الاخرى-
    انتقل الى:  

     





    nwail


    السلام عليكم ورحمة الله وبركاته .

    احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع ودمتم بحفظ الله ورعايته "خير الناس أنفعهم للناس"

    للتسجيل اضغط هـنـا

    اعوذ بالله من الشيطان الرجيم {اَللَهُ لا إِلَهَ إلا هو اَلحي ُ القَيَوم لا تأخذه سِنَةٌ ولا نوْمٌ لَّهُ مَا فيِِ السَمَاوَاتِ وَمَا في اَلأَرْضِ مَن ذَا الَّذِي يَشفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَينَ أَيدِيهِمْ ِوَمَا خَلْفَهم وَلا َيُحِيطُونَ بشَيءٍ مِنْ علمِهِ إِلاَ بِمَا شَآء وَسعَ كُرْسِيُّهُ السَمَاوَاتِ وَالأَرضِ وَلاَ يَؤُدُه حِفْظُهُمَا وَهُوَ العَليُّ العَظِيمُ}


    facebook


    المواضيع الأخيرة
    » ماهو رد الفيس بوك حول تعطل فيس بوك اليوم الاثنين 4/10/2021
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف محمد أبوفيصل الإثنين أكتوبر 04, 2021 9:04 pm

    » (وقليلا من عبادي الشكور)
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف محمد أبوفيصل الثلاثاء أغسطس 03, 2021 9:43 pm

    » يقول أحدهم . .
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف محمد أبوفيصل الأربعاء سبتمبر 02, 2020 4:54 pm

    » الكود المدمر لأحلى منتدى كود الانتظار
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف اسراء الأحد أغسطس 09, 2020 4:08 am

    » جميع مراحل لعبة Command And Conquer Generals Zero Hour
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف جابر الإثنين فبراير 17, 2020 6:29 pm

    » دليل مواقع العراق|منتديات الجنة العراقية
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف محمد أبوفيصل الأحد فبراير 09, 2020 2:52 pm

    »
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف اسلام نت الجمعة يناير 17, 2020 12:55 am

    » Call Of Duty: Black Ops 3 + ALL DLC’S Free Download
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف محمد أبوفيصل الإثنين يناير 06, 2020 7:46 pm

    » سعيد ابن الحارث يرويها الشيخ خالد الراشد
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف محمد أبوفيصل الجمعة أغسطس 16, 2019 11:08 pm

    » طريقة عمل جلبريك Unc0ver على iOS 12.0 - 12.1.2 بدون كمبيوتر || اهم النصائح لتجنب المشاكل [شرح مفصل]
    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Emptyمن طرف Adam السبت فبراير 23, 2019 10:28 am