منتدى الفريد اوتشوب
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية

اذهب الى الأسفل 
كاتب الموضوعرسالة
الفريد اوتشوب
 
 
الفريد اوتشوب


معلومات العضو
هواياتك : كمبيوتر
تاريخ التسجيل : 26/02/2011
العمر : 36
الموقع الموقع : قسم الكمبيوتر

بطاقة الشخصية
الفريد اوتشوب: 5

شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية Empty
مُساهمةموضوع: شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية   شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية I_icon_minitimeالسبت 11 مايو 2013, 5:23 pm

شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية

شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية 9Aeyr

السلام عليكم ورحمة الله تعالى وبركاته ، كما نعلم جميعا أن ومحرر الرسائل بلوجر سواء القديم أو الجديد لا يتوفر على أداة لإنشاء الجداول , ،فأحيانا نرغب بإنشاء جدول داخل موضوع معين وذلك مثلا لشرح بعض الإحصائيات ،أو ترتيب بعض المواضيع والعديد من الأشياء التي من الممكن إستغلالها لهذا الغرض ،في هذه الفقرة نسوف نقوم بمعرفة كيفية إنشاء الجداول على مدونات بلوجر ،حيث سوف نقوم بإدخال عليها بعض التحسينات من حيث الشكل والتأثيرات .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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>&nbsp;</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 واسامى الفرقين والتوقيت

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.malware-site.www
 
شرح طريقة انشاء جدول للمباريات لاصحاب المدونات الرياضية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» جدول مباريات كأس الامم الافريقية 2013 حصرياً على قنوات الجزيرة الرياضية
» جدول مباريات كأس العالم للأندية 2012 حصرياً على قنوات الجزيرة الرياضية
» جدول مباريات النادى الاهلى فى كأس العالم للاندية باليابان 2012
» جدول امتحانات الثانوية العامة + مواعيد الامتحان / العام الدراسي 2012/2013
» شرح انشاء كود صندوق تغريدات تويتر في شكله الاحترافي الجديد

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الفريد اوتشوب :: شـــروحــات بـلوجــــر Blogger-
انتقل الى:  
Online
Check Google Page Rank وظائف مصرية