اضافة جدول لمدونة بلوجر

اضاف جدول لمدونة بلوجر

اضاف جدول لمدونة بلوجر

اضافة رائعة لمدونة بلوجر اولاً

اضف كود SCC والأفضل اضافته فوق ]]></b:skin>

/* CSS Post Table */.post-body table th, .post-body table td, .post-body table caption{border:1px solid #000000;padding:.2em .5em;text-align:right;vertical-align:top;}.post-body table.tr-caption-container {border:1px solid #d8dde1;}.post-body th{font-weight:700;}.post-body table caption{border:none;font-style:italic;}.post-body table{}.post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #d8dde1;}.post-body th{background:#D03F42;}.post-body table.tr-caption-container td {border:none;padding:8px;}.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}img {max-width:100%;height:auto;border:none;}table {max-width:100%;width:100%;margin:1.5em auto;}table.section-columns td.first.columns-cell{border-right:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}

ثم عند المشاركة بدل من تأليف الى HTML واضف احد الأكواد
يمكنك تغير لون الخلفية بتعديل 99ffff#
<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><br /></div><table border="2" bordercolor="#0033FF" cellpadding="2" cellspacing="2" style="background-color: #99ffff; width: 100%px;"><tbody><tr><th>عمــود رقم 1</th><th>عمــود رقم 2</th></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr></tbody></table></div>

بـدون لـون

<table border="2" cellpadding="2" cellspacing="2" style="width: 100%px;"><tbody><tr><th>عمــود رقم 1</th><th>عمــود رقم 2</th></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr></tbody></table><br /><div><br /></div></div>


ان افدتك اترك تعليق بالاسفل اي استفسار اكتبة بالأسفل
ملاحظة! : عند نقلك للموضوع حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده، وايضاَ احتراما وتقديراَ للجهود المبذولة.

عن الكاتب

لـدي القليل مـن الخبره ، فـي مجال الـتـدويـن اضـع بالمدونة ما يـفـيـد الزائر والـمـدون ، تــابـعـنـا قـد نـفـيـدك يـومـاً .

4 التعليقات

إضغط هنا لـ التعليقات
Abdo Mourad
المشرف
5 فبراير، 2016 2:52 ص ×

شكر اخي خالد على المساعدة

رد
avatar
5 فبراير، 2016 3:04 ص ×

العفو اخي الكريم اشكرك على التعليق . اهلا ً بك

رد
avatar
25 مارس، 2016 9:11 م ×

السلام عليكم أخي أريد كود الترقيم للصفحات الرئيسية والصفحة التسميات الخاصة بك من فضلك

رد
avatar
26 مارس، 2016 2:58 ص ×

وعليكم السلام ورحمة الله وبركاته . اهلا ً بك اي الاكواد يُرجى التوضيح اكثر

رد
avatar
شكرا لك ولمرورك