-->

اضافة جدول مباريات اليوم بشكل يدوي

اضافة جدول مباريات اليوم بشكل يدوي

السلام عليكم وبعد طول الغياب الذي دام أكثر من شهر و الحمد الله أعود اليكم اليوم مع اضافة رائعة ويعشقها كل شخص يمتلك مدونة رياضية أو اي شخص يحب الاطلاع دائما علي جديد المباريات وهي اضافة جدول مباريات اليوم بشكل يدوي أي أن الاضافة لاتعمل بشكل تلقائي يجب علي كل شخص يضيف هذه الاضافة أن يعدل عليها ويمكنكم معاينتها عبر زر المعاينة التالي

طريقة تركيب جدول المباريات

ابحث عن الوسم ]]></b:skin>
و اضف الكود التالي فوقه

.fbmatch {
list-style: outside none none;
margin: 10px auto;
padding: 0;
}
.fbmatch li {margin-bottom: 10px; border:0;}
.fbmatch li p {
background-color: #cc0000;
color: #fff;
direction: ltr;
display: block;
font: normal 13px/20px tahoma;
height: 20px;
margin: 0 auto;
text-align: center;
padding: 5px;
}
.inmathch {
background-color: #3c9bce;
height: 40px;
overflow: hidden;
}
.inmathch div {width: 125px;}
.fbmatch li img {
background-color: #fff;
border: 1px solid #ddd;
height: 34px;
padding: 2px;
width: 34px;
}
.firsteam,.firsteam img {float: right;}
.secondteam,.secondteam img {float: left;}
.inmathch h6 {
color: #fff;
display: inline-block;
font: bold 13px/40px droid arabic naskh;
padding: 0;
}
.firsteam h6 {margin:0 5px 0 0; float:right;}
.secondteam h6 {margin:0 0 0 5px; float:left;}
.fbmatch span {
background-color: #000;
color: #fff;
display: inline-block;
font: bold 18px/40px arial;
margin: 0 auto;
text-align: center;
width: 40px;
}

 بعد اضافة الكود السابق في المكان المحدد ننتقل للخطوة الثانية 
وهي اضافة الكود التالي في آداة HTML/JavaScript

 
<ul class="fbmatch">
<!--كود مباراة-->
<li>
<p>22/2/2016 - 7:35 م</p>
<div class="inmathch">
<div class="firsteam">
<img src="http://store2.up-00.com/2016-02/145583011592.png" />
<h6>ريال مدريد</h6>
</div>
<span class="natega">3-2</span>
<div class="secondteam">
<img src="http://store2.up-00.com/2016-02/145583011578731.png"/>
<h6>روما</h6>
</div>
</div>
</li>
</ul> 
يمكنكم اضافة أكثر من مبارات وذلك بتكرار الكود أعلي


شارك المقالة عبر:

هناك 18 تعليقًا:

  1. يعطيك العافيه اخووي ولاتقطعععون اكثر من كذا واصلوا متابعينكم بشكل دايم

    ردحذف
    الردود
    1. الله اعافيك أخي الكريمة
      المشكلة مشاغل الحياة و ان شاء الله متابعين في طرح المواضيع ياطيب

      حذف
  2. اخوي ممكن ترسل لي قالب معاينة الإضافات عالايميل
    Mshari.saa@gmail.com

    ردحذف
    الردود
    1. ان شاء الله سوف أطرح القالب لتحميل ياطيب

      حذف
  3. عمل رائع بارك الله فيك

    ردحذف
  4. الردود
    1. الأجمل هو مرورك أخي محمد
      تشرفت به

      حذف
  5. السلام عليكم
    أخي محمد كيف الحال؟ أتمنى أن تكون بخير ^-^
    كم بحدث عنها هذه الإضافة أيام كانة لدي مدونة رياضية فأتمنى أن يستفيد منها الإخوان فجزاك الله خير.

    ردحذف
    الردود
    1. وعليكم السلام
      يـــتاهلااااا والله
      الحمد الله أنا بخير
      ويسعدني أن تجد هنا في مدونتي ماتريده
      تشرفت بمرورك ياغالي

      حذف
  6. شكرا ^_^ بانتظار المزيد من الابداع

    ردحذف
  7. اشكرك اخي الكريم

    هل يمكن تطبيقه على الوردبريس
    http://www.elikhbarianews.com/

    ردحذف
  8. لم ينجح على الوردبريس

    ردحذف
  9. هل ينفع تطبيقه على موقعى www.sportey.live

    ردحذف
  10. هل هذا اعلانات ادسنس علي موقعك

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات

هناك 18 تعليقًا:

  1. يعطيك العافيه اخووي ولاتقطعععون اكثر من كذا واصلوا متابعينكم بشكل دايم

    ردحذف
    الردود
    1. الله اعافيك أخي الكريمة
      المشكلة مشاغل الحياة و ان شاء الله متابعين في طرح المواضيع ياطيب

      حذف
  2. اخوي ممكن ترسل لي قالب معاينة الإضافات عالايميل
    Mshari.saa@gmail.com

    ردحذف
    الردود
    1. ان شاء الله سوف أطرح القالب لتحميل ياطيب

      حذف
  3. عمل رائع بارك الله فيك

    ردحذف
  4. الردود
    1. الأجمل هو مرورك أخي محمد
      تشرفت به

      حذف
  5. السلام عليكم
    أخي محمد كيف الحال؟ أتمنى أن تكون بخير ^-^
    كم بحدث عنها هذه الإضافة أيام كانة لدي مدونة رياضية فأتمنى أن يستفيد منها الإخوان فجزاك الله خير.

    ردحذف
    الردود
    1. وعليكم السلام
      يـــتاهلااااا والله
      الحمد الله أنا بخير
      ويسعدني أن تجد هنا في مدونتي ماتريده
      تشرفت بمرورك ياغالي

      حذف
  6. شكرا ^_^ بانتظار المزيد من الابداع

    ردحذف
  7. اشكرك اخي الكريم

    هل يمكن تطبيقه على الوردبريس
    http://www.elikhbarianews.com/

    ردحذف
  8. لم ينجح على الوردبريس

    ردحذف
  9. هل ينفع تطبيقه على موقعى www.sportey.live

    ردحذف
  10. هل هذا اعلانات ادسنس علي موقعك

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات

مجلة كن بلوجر مدونة تقنية تم انشائها عام 2016 تحتوي على العديد من الدروس التعليمية في جميع المجالات التقنية مثل الشروحات تعليمية، نشر التطبيقات والبرامج - الربح من الانترنت، انشاء التطبيقات وتطوير قوالب بلوجر. بها العديد من إضافات بلوجر وأكواد هامة لكل مدون ومدونة .