الرئيسيةالتسجيلمكتبة الصورالأعضاءالمجموعاتالاعلاناتدخول

شاطر | 
 

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

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



avatar

انثى
الاردن
العمر : 39
عدد المساهمات : 638
الأوسمة :



النقاط : 36906
تاريخ التسجيل : 12/01/2010
الوظيفة : شغالة بمنتداي
كيف تعرفت على منتدانا : مؤسسة المنتدى
برج الثور

مُساهمةموضوع: كود يجعل اطارات جداول المنتدى منحنية وجميلة بشكل مختلف عن المعتاد   2010-06-04, 5:29 am

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


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


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

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

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

.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;

كود انحناء الزوايا
ممكن اتزيدها وتنقصها حسب ما تراه مناسبا




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

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



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

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


عدل سابقا من قبل عشق الحياة في 2010-06-25, 7:33 am عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://3shq-al7ya.ba7r.org
kinzy



avatar

ذكر
مصر
العمر : 37
عدد المساهمات : 1
الأوسمة :
النقاط : 27412
تاريخ التسجيل : 17/06/2010
الوظيفة : مطور اكواد php
كيف تعرفت على منتدانا : البحث فى جوجل
برج العذراء

مُساهمةموضوع: رد: كود يجعل اطارات جداول المنتدى منحنية وجميلة بشكل مختلف عن المعتاد   2010-06-17, 1:53 pm

طيب السؤال فين الشرح التفصيلى لوضع الكود وتركيبه على المنتدى علشان الكل يتعلم صح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ghadah



avatar

انثى
الاردن
العمر : 39
عدد المساهمات : 638
الأوسمة :



النقاط : 36906
تاريخ التسجيل : 12/01/2010
الوظيفة : شغالة بمنتداي
كيف تعرفت على منتدانا : مؤسسة المنتدى
برج الثور

مُساهمةموضوع: رد: كود يجعل اطارات جداول المنتدى منحنية وجميلة بشكل مختلف عن المعتاد   2010-06-23, 7:31 am

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://3shq-al7ya.ba7r.org
alkasser



avatar

ذكر
اليمن
العمر : 22
عدد المساهمات : 4
الأوسمة :
النقاط : 23994
تاريخ التسجيل : 25/05/2011
الوظيفة : طالب
كيف تعرفت على منتدانا : عبر البحث في قوقل
برج العقرب

مُساهمةموضوع: رد: كود يجعل اطارات جداول المنتدى منحنية وجميلة بشكل مختلف عن المعتاد   2011-05-25, 5:06 pm

يعني نحطه وين
لوحة الدارة وبعدين؟؟؟؟؟
ارجو الرد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://love4ever7.yoo7.com
ghadah



avatar

انثى
الاردن
العمر : 39
عدد المساهمات : 638
الأوسمة :



النقاط : 36906
تاريخ التسجيل : 12/01/2010
الوظيفة : شغالة بمنتداي
كيف تعرفت على منتدانا : مؤسسة المنتدى
برج الثور

مُساهمةموضوع: رد: كود يجعل اطارات جداول المنتدى منحنية وجميلة بشكل مختلف عن المعتاد   2011-07-19, 8:35 pm

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


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://3shq-al7ya.ba7r.org
 
كود يجعل اطارات جداول المنتدى منحنية وجميلة بشكل مختلف عن المعتاد
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

Powered by phpBB2 ®3shq-al7ya.ba7r.org
حقوق الطبع والنشر © 2014-2010 جميع الحقوق محفوظة لـمنتدى عشق الحياة

المشاركات المنشورة بالمنتدى لاتعبر عن راي ادارة المنتدى ولا تمثل الا راي اصحابها فقط