أخر المواضيع

اضافة جدول احترافي لمدونات بلوجر بأسهل طريقة

اضافات بلوجر


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

معاينة اضغط هنا
غط هنا
                                    طريقة التركيب
 ctrl+f   نذهب الى تحرير القالب ثم   
]]></b:skin>   و ابحث عن وسم
 و ضع الكود التالي قبله تماما

/* CSS maghribeweb */.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 موضوع و تريد ادراج الجدول ، افتح تبويب

<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>
 تقوم بتغيير ما يناسبك في الجدول قبل العودة الى تبويب تاليف في موضوعك ، ثما لما تنشر الموضوع ستلاحظ ظهورالجدول

 "" لا تقرأ وترحل ضع إنطباعك في تعليق ""
بكم نكبر

قد يعجبك أيضا :
                            االاصدار الاخير من برنامج كاسبرسكي KASPERSKY !
                                            حصريا الخط العربي الشجاعية | FONT |للتحمبل
                                      تحميل افضل و اسهل برنامج مونتاج Wondershare
                                اربح 50 دولار عن طريق موقع الاستطلاعات YOUGOV



أشترك معنا لتحصل على جديد المدونة


Related Posts Plugin for WordPress, Blogger...
مدونة مغربي ويب موقع انشئ سنة 2017 و يعد من اهم المواقع العربية المهتمة بتقديم كل جديد التقنية المعلوميات , من انظمة التشغيل و الامن المعلوماتي مرورا بجديد الهاردوير و الاجهزة الحديثة .. . إذا كان لديك أي استفسار فنحن في خدمتك.. -