الرئيسية
أحدث الصور
التسجيل
دخول
happy-heartمدير الموقع
- احترام القوانين :
احترام الردود :
هدايا المنتدى :
عدد المساهمات : 803
تاريخ التسجيل : 28/07/2011
العمر : 34
الموقع : كركوك
العمل/الترفيه : م.الكترونيك والسيطره
جيد
كود لوضع اطارات حول المنتدى css وhtml
الأربعاء أغسطس 24, 2011 3:30 pm
ضع هذا الكود في الصفحه الرئيسيه للتشكيلات العامه
كود html
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
كود 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>
- الكود:
/* ------------------------------------------
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;
}
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى