الدعم العربي
مساعدة في معرفة كلاس الزوايا - نسخة قابلة للطباعة

+- الدعم العربي (https://www.mybbarab.com)
+-- قسم : :: . + تطوير ودعم نسخة MyBB + . :: (https://www.mybbarab.com/forum-99.html)
+--- قسم : دعم منتديات MyBB 1.6 (https://www.mybbarab.com/forum-100.html)
+--- الموضوع : مساعدة في معرفة كلاس الزوايا (/thread-16942.html)



مساعدة في معرفة كلاس الزوايا - fayssal - 2014-07-31

السلام عليكم ورحمة الله.



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

http://im87.gulfup.com/Oqx1mw.jpg


RE: مساعدة في معرفة كلاس الزوايا - support - 2014-08-01

عليكم السلام

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

لكي تركبه بالاستايل أكتب بجوجل ( تأطير الاستايل ) ستجد دروس تشرح هذه الامور


RE: مساعدة في معرفة كلاس الزوايا - fayssal - 2014-08-01

شكرا لك اخي.
تم حل المشكلة بوضع هذا الكود في اخر 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]


RE: مساعدة في معرفة كلاس الزوايا - support - 2014-08-02

جيد اخي فيصل والشكل جميل وفقك الله