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

اذهب الى الأسفل

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

مُساهمة من طرف AfAnDiNa في الأربعاء 16 يوليو 2014 - 10:53

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





avatar
AfAnDiNa
 
 

ذكر
عدد المساهمات : 614
معدل النشاط : 4960
السُمعة : -1

http://afandina.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف stones في الأربعاء 16 يوليو 2014 - 11:10

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

    .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;
  }
 /*نهايةالكود لجعل الاقسام دائرية */


++++++++++++++++++++++++++++++++++++++++++++++
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14066
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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