قمت بتنظيف الكود واضافة وسم contentb_warp لتتحكم في المربع
لـ css /
كود:
/* round box */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#0FB1FF; margin:0 5px;}
.b2 {height:1px; background:#C6ECFF; border-right:2px solid #0FB1FF; border-left:2px solid #0FB1FF; margin:0 3px;}
.b3 {height:1px; background:#C6ECFF; border-right:1px solid #0FB1FF; border-left:1px solid #0FB1FF; margin:0 2px;}
.b4 {height:2px; background:#C6ECFF; border-right:1px solid #0FB1FF; border-left:1px solid #0FB1FF; margin:0 1px;}
.contentb_warp { width: 200px; margin: 0 auto; } /* use float: right; or float: left; or use margin: 0 auto for center */
.contentb {background: #C6ECFF; border-right: 1px solid #0FB1FF; border-left: 1px solid #0FB1FF; font: normal 12px Tahoma; text-align: center;}
.contentb div {margin-left: 5px;}
لـ html
كود:
<div id="ifooter">
<div class="contentb_warp">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="contentb">
<div>Aldirazi - 360 Style Zone<br />جربة للحواف المستديره<br /></div>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>
مودتي
ضوابط المشاركة
رد مع اقتباس