/ #react #العمل الحر 

كيفية إضافة جدول مباريات اليوم إلي مدونات منصة بلوجر

ابحث عن الوسم]]>/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

يمكنكم اضافة أكثر من مبارات وذلك بتكرار الكود أعلي

Author

Sam Hamou

مطور ويب مستقل متخصص في الواجهات الأمامية، وصانع محتوى.