تحديث آخر نسخة 1.8.37

تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
مساعدة في معرفة كلاس الزوايا
#1
Icon8 
السلام عليكم ورحمة الله.



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

http://im87.gulfup.com/Oqx1mw.jpg
الرد
شكر من طرف :
#2
عليكم السلام

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

لكي تركبه بالاستايل أكتب بجوجل ( تأطير الاستايل ) ستجد دروس تشرح هذه الامور
الرد
شكر من طرف :
#3
شكرا لك اخي.
تم حل المشكلة بوضع هذا الكود في اخر 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]
الرد
شكر من طرف :
#4
جيد اخي فيصل والشكل جميل وفقك الله
الرد
شكر من طرف :


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم