|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
07-19-2012, 12:56 PM | #1 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
شرح إنشاء جداول إحترافية على مدونات بلوجر
بسم الله الرحمن الرحيم في هذا الموضوع سنتناول شرحا لإنشاء جداول إحترافية في مواضيعكم على مدونات بلوجر. أولا صورة للجدول : مثال حي : تجربة إنشاء جداول على بلوجر شرح الإضافة : أولا نضيف كود CSS الخاص بتنسيق الجدول : اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم والصق الكود التالي مباشرة قبل ]]></b:skin> : كود:
#bloggerexp-table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px 0; width: 100%; text-align: right; border-collapse: collapse; } #bloggerexp-table th { font-size: 13px; font-weight: normal; padding: 8px; background: #b9c9fe url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/s1600/gradhead.png') repeat-x; border-top: 2px solid #d3ddff; border-bottom: 1px solid #fff; color: #039; } #bloggerexp-table td { padding: 8px; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid #fff; background: #e8edff url('http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/s1600/gradback.png') repeat-x; } #bloggerexp-table tfoot tr td { background: #e8edff; font-size: 16px; color: #99c; text-align:center; } #bloggerexp-table tbody tr:hover td { background: #d0dafd url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x; color: #339; } #bloggerexp-table a:hover { text-decoration:underline; } كود:
<table id="bloggerexp.com-table" summary="وصف محتوى الجدول"> <thead> <tr> <th scope="col">التصنيف الأول</th> <th scope="col">التصنيف الثاني</th> <th scope="col">التصنيف الثالث</th> <th scope="col">التصنيف الرابع</th> <th scope="col">التصنيف الخامس</th> </tr> </thead> <tfoot> <tr> <td colspan="5">وصف محتوى الجدول</td> </tr> </tfoot> <tbody> <tr> <td>الخانة الأولى المرتبطة بالتصنيف الأول / السطر الأول</td> <td>الخانة الثانية المرتبطة بالتصنيف الثاني / السطر الأول</td> <td>الخانة الثالثة المرتبطة بالتصنيف الثالث / السطر الأول</td> <td>الخانة الرابعة المرتبطة بالتصنيف الرابع / السطر الأول</td> <td>الخانة الخامسة المرتبطة بالتصنيف الخامس / السطر الأول</td> </tr> <tr> <td>الخانة الأولى المرتبطة بالتصنيف الأول / السطر الثاني</td> <td>الخانة الثانية المرتبطة بالتصنيف الثاني / السطر الثاني</td> <td>الخانة الثالثة المرتبطة بالتصنيف الثالث / السطر الثاني</td> <td>الخانة الرابعة المرتبطة بالتصنيف الرابع / السطر الثاني</td> <td>الخانة الخامسة المرتبطة بالتصنيف الخامس / السطر الثاني</td> </tr> <tr> <td>الخانة الأولى المرتبطة بالتصنيف الأول / السطر الثالث</td> <td>الخانة الثانية المرتبطة بالتصنيف الثاني / السطر الثالث</td> <td>الخانة الثالثة المرتبطة بالتصنيف الثالث / السطر الثالث</td> <td>الخانة الرابعة المرتبطة بالتصنيف الرابع / السطر الثالث</td> <td>الخانة الخامسة المرتبطة بالتصنيف الخامس / السطر الثالث</td> </tr> <tr> <td>الخانة الأولى المرتبطة بالتصنيف الأول / السطر الرابع</td> <td>الخانة الثانية المرتبطة بالتصنيف الثاني / السطر الرابع</td> <td>الخانة الثالثة المرتبطة بالتصنيف الثالث / السطر الرابع</td> <td>الخانة الرابعة المرتبطة بالتصنيف الرابع / السطر الرابع</td> <td>الخانة الخامسة المرتبطة بالتصنيف الخامس / السطر الرابع</td> </tr> <tr> <td>الخانة الأولى المرتبطة بالتصنيف الأول / السطر الخامس</td> <td>الخانة الثانية المرتبطة بالتصنيف الثاني / السطر الخامس</td> <td>الخانة الثالثة المرتبطة بالتصنيف الثالث / السطر الخامس</td> <td>الخانة الرابعة المرتبطة بالتصنيف الرابع / السطر الخامس</td> <td>الخانة الخامسة المرتبطة بالتصنيف الخامس / السطر الخامس</td> </tr> </tbody> </table> إذا أعجبك الموضوع اضغط زر الإعجاب الخاص بالفيسبوك أسفله. أي استفسار لا تتردد بطرحه :D
__________________
|
07-19-2012, 06:04 PM | #2 |
مدون مميز
|
رد: شرح إنشاء جداول إحترافية على مدونات بلوجر
__________________
|
07-21-2012, 03:09 PM | #3 |
مدون جديد
تاريخ التسجيل: Jul 2012
المشاركات: 33
|
رد: شرح إنشاء جداول إحترافية على مدونات بلوجر
__________________
|
08-01-2012, 02:33 AM | #4 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: شرح إنشاء جداول إحترافية على مدونات بلوجر
شكرا على مروركم
__________________
|
08-31-2012, 11:34 PM | #5 |
مدون جديد
تاريخ التسجيل: Aug 2012
المشاركات: 11
|
رد: شرح إنشاء جداول إحترافية على مدونات بلوجر
__________________
|
09-05-2012, 05:21 PM | #6 |
مدون نشيط
تاريخ التسجيل: Jun 2012
الدولة: المغرب
المشاركات: 228
|
رد: شرح إنشاء جداول إحترافية على مدونات بلوجر
__________________
" سبحان الله و بحمده سبحان الله العظيم " http://jobs.bengeek.com |
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
مدونة, بلوجر, جداول, شرح, إحترافية, إنشاء |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
إنشاء منتدى داخل مدونات بلوجر للتفاعل مع الزوار | mohssine ait | دروس بلوجر | 5 | 04-27-2013 09:09 PM |
كيفية إنشاء منتدى على مدونات بلوجر !! | مصري وافتخر | دروس بلوجر | 0 | 01-18-2013 03:01 AM |
.. دورة إنشاء مدونة إحترافية + كتاب إلكتروني .. | efada.net | دروس بلوجر | 2 | 11-08-2012 11:49 PM |
الدرس الثالت .. دورة إنشاء مدونة إحترافية | efada.net | دروس بلوجر | 1 | 10-01-2012 01:31 PM |
الدرس الأول .. دورة إنشاء مدونة إحترافية | efada.net | دروس بلوجر | 1 | 08-18-2012 04:27 PM |
الساعة الآن 02:57 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |