كود يجعل اطارات جداول المنتدى منحنية وجميلة بشكل مختلف عن المعتاد

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

يجعل اطارات جداول المنتدى
منحنية بطريقة مميزة وجميلة بشكل مختلف عن المعتاد

صورة تطبيق الكود الجميل:

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هادا كود بديع وجميل واحترافي

الكود:: .row2 {
border:3px solid #E0C77E;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
}

.row1 {
border:3px solid #E0C77E;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;

}
.row3 {
border:3px solid #E0C77E;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
}

الشرح:

لاحظ ان الاكواد نفس الشي
فقط الاختلاف في:
row1 row2 row3

وبقية الكود كلو نفس الشي :

border:2px solid #E0C77E;
الحدود الداخلية للجداول عرضها ، ولونها
ويمكن تغييرها بما يناسب ذوقك ومنتداك
***
وممكن تغيير كلمة solid بكلمة dashed
فيصبح الكود
border:2px dashed #E0C77E;
يعني يجعل الحدود : خطوط متقطعة

-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
كود انحناء الزوايا
ممكن اتزيدها وتنقصها حسب ما تراه مناسبا

ملاحظة مهمة جداااااا
اذا اردت ان يظهر الكود كما في الصورة اعلاه بالضبط
يجب حذف الكود التالي:
كود لجعل زوايا جميع جداول المنتدى منحنية او منحرفة
او اذا اردت ان يكون الكودين معا ستظهر النتيجة مختلفة
ويمكن تعجبك
والخيار لك بالنهاية

الكود منقول
والشرح والملاحظة مني

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

طيب السؤال فين الشرح التفصيلى لوضع الكود وتركيبه على المنتدى علشان الكل يتعلم صح

اهلا بك اخي الكريم
وليه داخل المنتدى معصب
اذا كتير الموضوع بهمك .. اتفضل واعمله
وما حدا سألني وين احطه .. لأنو صارت معروفة
بس انا اعملته
كيفية وضع اكواد CSS
اذا بهمك اخي
بالتوفيق

يعني نحطه وين
لوحة الدارة وبعدين؟؟؟؟؟
ارجو الرد

alkasser كتب:: يعني نحطه وين
لوحة الدارة وبعدين؟؟؟؟؟
ارجو الرد

كيفية وضع اكواد CSS
هادا الموضوع المثبت بالقسم
اهلا بك
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

» كود لجعل زوايا جميع جداول المنتدى منحنية او منحرفة
» اكواد تلوين حدود جداول المنتدى والعناصر المستقلة والتحكم بزوايا الجدول
» كود يظهر "حقوق احلى منتدى" التي باسفل المنتدى بشكل مرتب
» كود لتجميل حقول الادخال في المنتدى وكبساتها
» توسيط البيانات الشخصية في المساهمات دون التاثير على بقية المنتدى