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

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

شرح و كيفية تركيب + معاينة الاضافة من هنا  :

1. داخل القالب تحرير html 
2. ابحت عن هدا الوسم   <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; }

1. ابحت عن هدا الوسم   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>

4

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

شرح و كيفية تركيب + معاينة الاضافة من هنا  :

1. داخل القالب تحرير html 
2. ابحت عن هدا الوسم   <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; }

1. ابحت عن هدا الوسم   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>