ملائمة الجدول والخلايا مع استايل style المنتدى forum و شرح طريقة بعد وسوم html ..ذو اهمية

[admin]

http://www.dzbatna.com/images/icons/iconrote.gif ظ…ظ„ط§ط¦ظ…ط© ط§ظ„ط¬ط¯ظˆظ„ ظˆط§ظ„ط®ظ„ط§ظٹط§ ظ…ط¹ ط§ط³طھط§ظٹظ„ ط§ظ„ظ…ظ†طھط¯ظ‰ ظˆ ط´ط±ط* ط¨ط¹ط¯ ظˆط³ظˆظ… html ..ط°ظˆ ط§ظ‡ظ…ظٹط© (http://www.dzbatna.com/t1215053/)



السلام عليكم


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


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


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



http://www.q814.com/up/uploads/images/q814-1ef3e5f48d.gif


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

http://www.q814.com/up/uploads/images/q814-1ef3e5f48d.gif

×- الشرح طريقة :-


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

<code style="white-space:nowrap"> <code> <table>
</code> </code>


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


ولكن انتبه ..


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

<code style="white-space:nowrap"> <code> </table>
</code> </code>


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


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

<code style="white-space:nowrap"> <code> <table>
</code> </code>


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


http://www.q814.com/up/uploads/images/q814-1ef3e5f48d.gif


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


وهم



.alt1 (( لون التوزيع الأول/First Alternating Color ))
.alt2 (( لون التوزيع الثاني/Second Alternating Color ))
.alt1
http://www.q814.com/up/uploads/images/q814-dcd90aade7.gif
.alt2
http://www.q814.com/up/uploads/images/q814-8b045a1a67.gif
والآن يمكنك التعديل من هنا للملائمة ..


http://www.q814.com/up/uploads/images/q814-1ef3e5f48d.gif
التعديل على القوالب سوف يكون على التالي :-


قبل :-
رمز PHP:

<code style="white-space:nowrap"> <code> <table>
</code> </code>


بعد:-
رمز PHP:

<code style="white-space:nowrap"> <code> <table bordercolorlight="alt1" bordercolordark="alt2">
</code> </code>


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

<code style="white-space:nowrap"> <code> bordercolorlight="alt1" bordercolordark="alt2"
</code> </code>

http://www.q814.com/up/uploads/images/q814-1ef3e5f48d.gif


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


كيف ..؟؟


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

<code style="white-space:nowrap"> <code> <td>
</code> </code>


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

<code style="white-space:nowrap"> <code> <td class="alt1">
</code> </code>


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

<code style="white-space:nowrap"> <code> class="alt2"
</code> </code>


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

<code style="white-space:nowrap"> <code> <td class="alt2">
</code> </code>


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


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


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


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


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


الرجائ عند نقل الموضوع ذكر المصدر :-
منتديات نافذة المبدعين
www.q814.net (http://www.q814.net)
رابط الموضوع الاصلي
http://www.q814.net/vb/t3540.html





التعديل الأخير كان بواسطة s007; 21 - 05 - 2014 الساعة 18:06

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©