جدول مباريات اليوم أو جدول نتيجة مباريات اليوم وعدد الأهداف لكلا الفريقين ويمكنك أن تضيف أكثر من مبارة بتكرر الأكواد التى سيتم ذكرها بعد .. هذه الاضافة لمدونات البلوجر ويمكن استخدامها لأى موقع بعد تعديل الأكواد لما يناسب كل موقع أخر غير منصات بلوجر .
الخطوات :-
ابحث عن ]]></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="رابط صورة شعار الفريق الأول" />
<h6>ريال مدريد</h6>
</div>
<span class="natega">3-2</span>
<div class="secondteam">
<img src="رابط صورة شعار الفريق الثاني "/>
<h6>روما</h6>
</div>
</div>
</li>
</ul>
هذا الكود لنتيجة مباراة واحدة بتكراره يظهر أكثر من مبارة .
الآن "رابط صورة شعار الفريق " يمكنك إضافة رابط للصورة التى تشير للفريقين
هذا شرح بسيط للغاية ولكن الاضافة تستحق الكثير من الإهتمام لأجلها فهى فعلا مهمة للمدونات الرياضية .
ليست هناك تعليقات:
إرسال تعليق
نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات