منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

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





avatar
AfAnDiNa
 
 

ذكر
عدد المساهمات : 614
معدل النشاط : 4689
السُمعة : -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
 
 

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

http://stones.arab.st/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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