طلب كود جعل الفئات دائريه مثل الابداع العربي

هذا كود ايطار على الاقسام

الكود:


    .forumline {
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:20px;
    border:9px solid#cc9933;
    margin-top:1px;
    margin-bottom:10px;
    padding:10px;
    }

وهذا كود على الفئات يمكنك تعديل ابعاد الايطارات
في الاكواد كلها

الكود:

td.row1 {
border: 1px solid #C7C7C7;
border-radius: 18px 18px 18px 18px;
color: #707070;
text-shadow: 2px 1px 1px #CECECE;
}
td.row2 {
border: 1px solid #C7C7C7;
border-radius: 18px 18px 18px 18px;
color: #707070;
text-shadow: 2px 1px 1px #CECECE;
}
td.row3{
border: 1px solid #C7C7C7;
border-radius: 18px 18px 18px 18px;
color: #707070;
text-shadow: 2px 1px 1px #CECECE;
}

كود ايطارات الاقسام

الكود:


table.forumline {
background:#FDE;border:1px solid #D09!important;
border-radius:18px;padding:10px 2px!important;}

كود الاقسام فلاشي

الكود:

 .forumline{
background-image:
url("http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif");
}

هذا كود ايطار على الكل يمكنك تعديله
ليظهر بشكل دوائر

الكود:

/* الاقسام دائرية by c.ronaldo */
td.row1 {
    background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;
    font-family: arial,helvetica,verdana;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row2 {
    background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;
    font-family: arial,helvetica,verdana;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row3 {
    background: url("http://[url=http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif%22%29]www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif")[/url] no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;
    font-family: arial,helvetica,verdana;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}

وهذا ايضا مثل الاول تعديل ظهر دوائر

الكود:

/* حوااف دائرية حول المواضيع والاقسام*/

 .post .row1 {border: 5px solid #ffffcc;border-radius: 21px;}
.post .row2 {border: 5px solid #ffffcc;border-radius: 21px;}
 
.post .row3 {border: 5px solid #ffffcc;border-radius: 21px;}



/* بداية الكود لجعل الاقسام دائرية */
td.row1 {
 border: 1px solid #110000;
 border-radius: 18px 18px 18px 18px;
 text-shadow: 2px 1px 1px #1100000; }
 td.row2 {
border: 1px solid #110000;
border-radius: 18px 18px 18px 18px; }
 td.row3{
 border: 1px solid #110000;
 border-radius: 18px 18px 18px 18px;
  }
 /*نهايةالكود لجعل الاقسام دائرية */


++++++++++++++++++++++++++++++++++++++++++++++