الدعم العربي

نسخة كاملة : مساعدة في معرفة كلاس الزوايا
أنت حالياً تتصفح نسخة خفيفة من المنتدى . مشاهدة نسخة كاملة مع جميع الأشكال الجمالية .
السلام عليكم ورحمة الله.



- انا اعدل على الستايل الافتراضي واريد معرفة كيف اعدل على زوايا المنتدى اريد ان اجعلها مائلة قليلا  كما بالصورة:

http://im87.gulfup.com/Oqx1mw.jpg
عليكم السلام

هذا اسمه تأطير وهذا بيتم عن طريق تصميم التأطير واستخدام ال HTML + CSS 

لكي تركبه بالاستايل أكتب بجوجل ( تأطير الاستايل ) ستجد دروس تشرح هذه الامور
شكرا لك اخي.
تم حل المشكلة بوضع هذا الكود في اخر global.css  النظام المتقدم للستايل المراد.


كود :
/* Use a find and replace to change the amount of border-radius you want to use */
thead tr:only-child td:first-child,
tr:first-child td:first-child {
    -moz-border-radius:8px 0 0 0;
    border-radius:8px 0 0 0;
}
thead tr:only-child td:last-child,
tr:first-child td:last-child {
    -moz-border-radius:0 8px 0 0;
    border-radius:0 8px 0 0;
}
tr:last-child td:last-child {
    -moz-border-radius:0 0 8px 0;
    border-radius:0 0 8px 0;
}
tr:last-child td:first-child {
    -moz-border-radius:0 0 0 8px;
    border-radius:0 0 0 8px;
}
tr:only-child td:first-child {
    -moz-border-radius:8px 0 0 8px;
    border-radius:8px 0 0 8px;
}
tr:only-child td:last-child {
    -moz-border-radius:0 8px 8px 0;
    border-radius:0 8px 8px 0;
}
.tborder,
tr:only-child td:only-child {
    -moz-border-radius:8px;
    border-radius:8px;
}
tr:last-child td:only-child,
thead ~ tbody tr:only-child td,
#posts .tborder[style*="border-top-width"],
.tborder[style*="border-top-width"],
.tborder[style*="border-top-width"] tbody tr td.tfoot {
    -moz-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
}
tr:first-child td:only-child,
thead tr:only-child td:only-child,
.tborder[style*="border-bottom-width"],
.tborder[style*="border-bottom-width"] tbody tr td,
#posts .tborder[style*="top: 5"]:last-child {
    -moz-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
}
thead ~ tbody tr:first-child td:only-child,
thead ~ tbody tr:first-child td:first-child,
thead ~ tbody tr:first-child td:last-child,
#posts .tborder[style*="border-top-width"] tbody tr:first-child td:only-child,
#posts .tborder[style*="top: 5"] tbody tr:last-child td:only-child {
    -moz-border-radius:8px;
    border-radius:8px;
}

والنتيجة كما هو بالصورة:

[صورة: uHdm2r.jpg]
جيد اخي فيصل والشكل جميل وفقك الله