منتدى الفيصلي الاردني
 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Sirvpny0dsai
منتدى الفيصلي الاردني
 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Sirvpny0dsai
منتدى الفيصلي الاردني
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

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

» عرض خاص لشهر مايو
 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) I_icon_minitimeالخميس أبريل 25, 2013 8:14 am من طرف iecs-ra

» دبلومة الاتوكاد AutoCAD Diploma
 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) I_icon_minitimeالخميس أبريل 25, 2013 8:12 am من طرف iecs-ra

» دبلومة الجرافيك Graphic Design Course
 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) I_icon_minitimeالخميس أبريل 25, 2013 8:11 am من طرف iecs-ra

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

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

» مفاجاه للطلبه و الخرجيين
 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) I_icon_minitimeالخميس أبريل 25, 2013 8:07 am من طرف iecs-ra

» Air Diploma in Hospitality دبلومة الضيافه الجويه
 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) I_icon_minitimeالخميس أبريل 25, 2013 8:05 am من طرف iecs-ra

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

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

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

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


 

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

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


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

 كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) Empty
مُساهمةموضوع: كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)    كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات) I_icon_minitimeالسبت نوفمبر 26, 2011 4:02 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;
    }



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

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

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