الفريد اوتشوب
هواياتك : كمبيوتر تاريخ التسجيل : 26/02/2011 العمر : 36 الموقع : قسم الكمبيوتر
بطاقة الشخصية الفريد اوتشوب: 5
| موضوع: شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية السبت 11 مايو 2013, 5:23 pm | |
| شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية السلام عليكم ورحمة الله تعالى وبركاته ، كما نعلم جميعا أن ومحرر الرسائل بلوجر سواء القديم أو الجديد لا يتوفر على أداة لإنشاء الجداول , ،فأحيانا نرغب بإنشاء جدول داخل موضوع معين وذلك مثلا لشرح بعض الإحصائيات ،أو ترتيب بعض المواضيع والعديد من الأشياء التي من الممكن إستغلالها لهذا الغرض ،في هذه الفقرة نسوف نقوم بمعرفة كيفية إنشاء الجداول على مدونات بلوجر ،حيث سوف نقوم بإدخال عليها بعض التحسينات من حيث الشكل والتأثيرات . انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. ثم قم بالبحث عن هذا الكود : - الكود:
-
]]></b:skin>
ثم قم بلصق الكود التالي قبله : - الكود:
-
#tableau { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px 0; width: 100%; text-align: right; border-collapse: collapse; } #tableau 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; } #tableau 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; } #tableau tfoot tr td { background: #e8edff; font-size: 16px; color: #99c; text-align:center; } #tableau tbody tr:hover td { background: #d0dafd url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x; color: #339; } #tableau a:hover { text-decoration:underline; }
وهذا الكود هو المسؤول عن الألوان وتأثيرات تمرير الماوس على الجدول : والآن وعند كتابتك لموضوع معين تريد إضافة الجدول, نلصق هذا الكود من تحرير Html للرسالة حيث يمثل هذا الكود ،جدولا يتألف من 5 خانات عمودية و7 خانات أفقية ،وهو الجدول الذي قمنا بإنشائه في المثال أول الموضوع وسوف أقوم بشرح كيفية إضافة كل خانة على حدى لتلائم المعطيات المراد ادراجها في الجدول. - الكود:
-
<table id="tableau" summary="جدول البث المباشر لمباريات "> <thead> <tr> <th scope="col">اسم الدورى</th> <th scope="col">الفريق الاول</th> <th scope="col">الفريق الثانى</th> <th scope="col">القنوات الناقلة</th> <th scope="col">التوقيت +2 </th> </tr> </thead> <tfoot> <tr> </tr> <tr> <td colspan="5">جدول البث المباشر لمباريات اليوم</td> </tr> </tfoot> <tbody> <tr> </tr> <tr> <td>بطولة اوروبا</td> <td>ريال مدريد</td><td>برشلونة</td><td><a href="http://mytv-site1.blogspot.com/2012/10/channel-1.html">CH 1</a></td> <td>9:45</td>
</tr> <tr> </tr> <tr> <td>بطولة اوروبا</td> <td>ميلان</td> <td>برشلونة</td><td><a href="http://mytv-site1.blogspot.com/2012/10/channel-2.html">CH 2</a></td> <td>9:45</td> </tr> <tr> <td>بطولة اوروبا</td> <td>ميلان</td> <td><span style="text-align: center;">برشلونة</span> </td> <td><a href="http://mytv-site1.blogspot.com/2012/10/channel-3.html">CH 3</a></td> <td>9:45</td> </tr> <tr><td>كاس الامم الافريقية</td> <td>بطولة</td> <td>الامم الافريقية</td> <td><a href="http://mytv-site1.blogspot.com/2012/10/channel-4.html">CH 4</a></td> <td>15:00</td> </tr> <tr><td>كاس الامم الافريقية</td> <td>بطولة</td> <td>الامم الافريقية</td> <td><a href="http://mytv-site1.blogspot.com/2012/10/channel-5.html">CH 5</a></td> <td>21:30</td> </tr> </tbody></table>
طبعنا هتغير الفرق او التوقيت وطبعنا رابط الموضوع برابط الموقع اللى فى الشرح هتغير الرابط دة http://mytv-site1.blogspot.com واسامى الفرقين والتوقيت | |
|