[شرح] : ملائمة الجدول والخلايا مع استايل المنتدى و شرح بعد وسوم html ..ذو اهمية

المخرج

كاتب جيد جدا
السلام عليكم

هناك الكثير من الذي يستفسر عن ملائمة الجدول للاستايل بطريقة تلقائية ..

وغالباً مايسأل عنها المبتدئين او الذين لا يعرفون للـ css بتعمق ..

فنحن نعلم ان هناك انماط افتراضية تكون متواجدة مع اي استايل vbulletin ..


q814-1ef3e5f48d.gif

والآن سوف اشرح كيفية ملائمة الجداول
فالنفترض ان لديك جدول وتريد ان يكون متوافق مع الاستايل دون التعديل اليدوي ..
وحتى ان وضع في اكثر من منتدى يتم ذلك ..!!
وسوف اتطرق لوسم

في html

q814-1ef3e5f48d.gif

×- الشرح :-

هذا الكود
رمز PHP:




وهو يدل على بداية الجدول ..

ولكن انتبه ..

هناك كود اخر وهو
رمز PHP:




وانظر الى / وركز عليها فهي تعني اغلاق الوسم ..

اي تعاملنا سوف يكون مع :-
رمز PHP:




جلنا مع اللغة html وهذي افادة من الموضوع

q814-1ef3e5f48d.gif

الآن هناك نمطان افتراضييان يأتون مع vbulletin styles

وهم
.alt1 (( لون التوزيع الأول/First Alternating Color ))
.alt2 (( لون التوزيع الثاني/Second Alternating Color ))
.alt1
q814-dcd90aade7.gif

.alt2
q814-8b045a1a67.gif

والآن يمكنك التعديل من هنا للملائمة ..

q814-1ef3e5f48d.gif

التعديل على القوالب سوف يكون على التالي :-

قبل :-
رمز PHP:




بعد:-​
رمز PHP:




الاضافة كانت :-
رمز PHP:

bordercolorlight="alt1" bordercolordark="alt2"



q814-1ef3e5f48d.gif


وبالنسبة للخلايا فاذا كانت هناك اكثر من خلية ..
وتريد اضافة الجمال لهم يمكنك ان تجعل كل خلية متجاورة تكون متغيرة بالشكل ..

كيف ..؟؟

بداية الخلية رقم (1) تتكون من الوسم
رمز PHP:




ولتغيير شكلة للتناسب مع الاستايل يمكننا تغييرة الى
رمز PHP:




الاضافة كانت :-
رمز PHP:

class="alt2"



والان ننتقل للخلية اللي بعدها رقم ( 2 ) لتكون :-
رمز PHP:




ولكن السؤال هنا مال الفرق بين الخلية الاولى و الثانية ..

هو تغيير بسيط فقد غيرنا النمط من الرقم 1
alt1
الى 2
alt2
وبذلك يكون انتهى درسنا لهذا اليوم

ويجب عليك المحاولة والتفكير والتطلع لبناء نفسك للافضل ..

ونتمنى من الله ان يوفقنا ..

اخوكم ..
بومحمد

الرجائ عند نقل الموضوع ذكر المصدر :-
http://www.q814.net/vb/t3540.html
 

ترانيم العشق

كبار الشخصيات
رد: [شرح] : ملائمة الجدول والخلايا مع استايل المنتدى و شرح بعد وسوم html ..ذو اهمية

مشكور للمعلومات الجديدة
صرت عم فكر اعمل منتدى
لانه شرحك للمواضيع
سلس ومفصل
تستحق كل تقدير اخي
دمت بخير
 

رحيق الزهور

الإدارة
رد: [شرح] : ملائمة الجدول والخلايا مع استايل المنتدى و شرح بعد وسوم html ..ذو اهمية

[align=center][table1="width:95%;"][cell="filter:;"][align=center]
يسلمووووووو ع طرحك الرائع
يعطيك العافية
بنتظار جديدك
دمت بخير
[/align]
[/cell][/table1][/align]
 

مواضيع مماثلة

أعلى