إضافة جدول مباريات اليوم إلى بلوجر مع لوحة توليد مجانا

في هذا المقال سوف نشرح لكم اضافة جدول مباريات تنقسم الى ثلاثة فروع وهي مباريات الأمس واليوم والغد مع لوحة توليد مجانا..

 في هذا المقال سوف نشرح لكم اضافة جدول مباريات تنقسم الى ثلاثة فروع وهي مباريات اليوم  مع لوحة توليد مجانا لكم.

جدول مباريات مصمم من قبل لكن لم تكن له لوحة توليد خاصة دور لوحة توليد أنه تولد جدول مباراة بضغطة زر دون اللوجوء الى الأكواد أو التعديل عليها يسهل الوقت وتغنيك من استعمال الأكواد.

معاينة جدول مباريات :


معاينة

شرح طريقة التركيب :

أولا تقوم بالبحث <\b:skin> ثم تقو بوضع الكود التالي فوقه :

/*--[جدول المباريات]--*/
 .web-ponto-live-table{display:block;overflow:hidden;width:100%;font-family:Tajawal}
.web-ponto-live-table img{max-width:100%;vertical-align:middle;border:0}
.web-ponto-live-table .box-title{border-bottom:2px solid RGB(238,238,242);position:relative;display:block;width:100%;margin-bottom:15px;float:right}
.web-ponto-live-table .box-title .title{float:right}
.box-title .title .fa{width:1.3em;margin-left:5px;font-size:15px;color:#3d5afe}
.web-ponto-live-table .box-title .title:before,.web-ponto-live-table .box-title .title:after{display:none;content:inherit}
.web-ponto-live-table .box-title:before{right:0!important}
div.tab{display:inline-block;text-align:right;margin-top:2px;padding:2px 5px;margin-bottom:0;background:#fff;line-height:0;position:relative;z-index:55;float:left}
div.tab button{float:right;outline:0;cursor:pointer;padding:0 15px 1px;-webkit-transition:.3s;transition:.3s;height:27px;font-size:14px;border:solid #e8e8e8 1px;margin-top:-3px}
div.tab button:hover{background-color:#ddd}
div.tab button.active{background:#3d5afe;border-color:#3d5afe;color:#fff}
.tabcontent{display:none}
#today{display:block}
.contents{padding:0;position:relative;overflow:hidden;float:right;width:100%;display:block}
.web-ponto_sports_events-event_item{text-align:center;width:100%;display:block;overflow:hidden;margin-bottom:10px;position:relative;border:1px solid #e4e4e4;background:#fff}
.center-col{width:calc(100% - 360px);overflow:hidden;float:right;text-align:center}
#web-ponto_sports_events{border:1px solid #edf0f3}
.web-ponto_sports_events-event_mask{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:8}
.event_mask_inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;background:rgba(0,0,0,.63);display:-webkit-box;display:-ms-flexbox;display:flex}
.web-ponto_sports_events-event_mask_inner_text{margin-top:0!important;background-color:gray;color:#fff!important;padding:5px 30px;font-size:14px!important;line-height:22px;text-decoration:none;z-index:555}
.web-ponto_sports_events-event_item:hover .web-ponto_sports_events-event_mask{display:block}
.event_inner{margin:0;width:100%;float:right;border-bottom:1px solid #edf0f3;background:#f7f7f7;padding:10px 0 5px;position:relative}
.live{position:relative;top:-3px}
.live span{background:red;border-radius:2px;display:inline-block;position:relative;line-height:21px;letter-spacing:-.3px;padding:0 17px 3px;color:#fff;font-weight:100;font-size:13px}
.red{background-color:RGB(255,46,46)!important}
.team-first{text-align:left}
.team-aria{position:relative;float:right;width:calc(50% - 100px);padding:0 5px}
.team-first .web-ponto-team_logo{display:inline-block;text-align:left;float:left;margin-right:6px}
.web-ponto-team_logo img{display:block;margin:0 auto 10px;max-height:40px;width:auto}
.web-ponto_sports_events-team_title{font-size:15px;display:inline-block;color:#3c4b7b;font-weight:100;margin-top:10px;letter-spacing:-.5px}
.team-second{text-align:right}
.team-second .web-ponto-team_logo{display:inline-block;text-align:right;float:right;margin-left:10px}
.event_title_wrapper{text-align:center;padding:5px 0;float:right;width:200px}
.events-team_score{display:inline-block;width:23px;font-weight:700;font-size:21px;color:#666}
.event_status_inner_coming{display:inline-block;width:120px;font-weight:700;color:#3d5afe}
.comming-soon{color:#fff;background-color:#8ad919;padding:4px 2px;border:1px solid transparent;border-radius:2px;line-height:15px;font-family:helvetica neue,Helvetica,Arial,sans-serif;font-size:13px;margin:0 -2px}
.ended span{background:#333;display:inline-block;padding:0 17px 1px;color:#fff;font-weight:100;font-size:14px;top:-2px;position:relative}
.dark{background:#000!important;color:#fff}
.events-info{padding:3px 0;background:#ebebeb;border-bottom:1px solid #edf0f3;width:100%;float:right;color:#333;font-size:12px}
.events-info span{padding:0 10px;float:right;width:33.33333333%}
.events-info .fa{color:#3d5afe;padding-left:5px}
span .fa-television{font-size:11px}
.web-ponto_match_card{display:block;background:url(images/card-bg.jpg);overflow:hidden;width:100%;background-color:#0a1105;margin-bottom:-11px;position:relative;z-index:111}
.web-ponto_card_inner{display:block;overflow:hidden;width:100%;padding:20px 5px}
.web-ponto_card_inner .team-aria{width:calc(50% - 150px);padding:0}
.web-ponto-card_team_logo{display:block;text-align:center;margin-bottom:5px}
.web-ponto-card_team_logo img{width:100px;height:auto}
.web-ponto_card-team_title{color:#eee;text-align:center;font-size:17px;margin-bottom:10px;font-weight:700}
.web-ponto_match_title_wrapper{display:inline-block;width:300px;float:right;margin-top:50px;text-align:center;color:#fff;font-size:20px;font-weight:700}
.web-ponto_match_card .event_status_inner_coming{width:170px}
.web-ponto_match_card .events-team_score{color:#fff;font-size:37px;font-weight:100}
.web-ponto_match_card .events-info{background:0 0;color:#ddd;font-size:14px;text-align:center;padding-bottom:7px;border-top:solid 2px #333;padding-top:9px}
.commenter{padding-left:10px;display:inline-block}
.chanels-fix{text-align:right;padding-right:10px;display:inline-block}
.chanels-commenter{padding-left:15px;display:inline-block;text-align:right}
.chanels-commenter a{color:#3c4b7b}
.orange{background:orange!important}
.gray{background:gray!important}
.web-ponto-widget{display:block;width:100%;padding:12px;float:right;overflow:hidden;margin-bottom:15px;border:solid 1px #ddd}
.web-ponto-video .widget{display:block;overflow:hidden}
.box-title{font-family:droid arabic kufi;border-bottom:2px solid RGB(238,238,242);position:relative;display:block;width:100%;text-align:center}
.box-title::before{background:#3d5afe;content:&quot;&quot;;height:3px;position:absolute;width:24px;bottom:-2px;right:auto;left:calc(50% - 12px)!important}
.box-title .title{float:none;display:inline-block;padding-bottom:10px;margin-top:0;background:#fff;margin-bottom:0;font-size:19px;position:relative;font-weight:100}
.box-title .title::before,.box-title .title::after{position:absolute;content:&quot;&quot;;background:#333;height:8px;width:8px;border-radius:50%;top:13px;right:-26px}
.box-title .title::after{left:-26px;right:auto!important}
.web-ponto-video .widget-content,.box-content{margin:10px -5px;overflow:hidden;display:block}
.web-ponto-video li.item-post,.post-outer{padding:7px}
.inner-content{position:relative;display:block;width:100%;height:140px;overflow:hidden;direction:rtl}
.post-thumbnail{display:block;float:right;width:100%;height:100%;overflow:hidden}
.web-ponto-tumb{height:100%;display:block;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.inner-content:hover .web-ponto-tumb{-webkit-transform:scale(1.1);transform:scale(1.1)}
.web-ponto-tumb::before{content:&quot;\f04b&quot;;font-family:FontAwesome;line-height:32px;width:37px;height:37px;font-size:14px;color:#fff;text-align:center;background-color:rgba(0,0,0,.18);font-weight:100;position:absolute;top:calc(50% - 27px);left:calc(50% - 20px);opacity:1;z-index:3;padding:0 0 0 2px;border:3px solid #fff;border-radius:50%;-webkit-transition:transform 400ms cubic-bezier(.52,1.64,.37,.66),color 400ms cubic-bezier(.52,1.64,.37,.66);-webkit-transition:color 400ms cubic-bezier(.52,1.64,.37,.66),-webkit-transform 400ms cubic-bezier(.52,1.64,.37,.66);transition:color 400ms cubic-bezier(.52,1.64,.37,.66),-webkit-transform 400ms cubic-bezier(.52,1.64,.37,.66);transition:transform 400ms cubic-bezier(.52,1.64,.37,.66),color 400ms cubic-bezier(.52,1.64,.37,.66);transition:transform 400ms cubic-bezier(.52,1.64,.37,.66),color 400ms cubic-bezier(.52,1.64,.37,.66),-webkit-transform 400ms cubic-bezier(.52,1.64,.37,.66)}
.web-ponto-tumb::after{background:rgba(0,0,0,.61);position:absolute;width:100%;content:&quot;&quot;;height:100%;opacity:1;z-index:1}
بعد وضعه الكود السابق أو بعد تطبيق الخطوة السابقة قم الأن بنسخ الكود التالي وضعه في التخطيط أو مقال أو اين تريد اظهار جدول مباريات اليوم

<li class="web-ponto_sports_events-event_item">
<a href="#">
<div class="web-ponto_sports_events-event_mask">
<div class="event_mask_inner">
<div class="h3 web-ponto_sports_events-event_mask_inner_text ">
شاهد المباراة </div>
 </div>
</div>
<div class="event_inner">
<div class="team-aria team-first">
<div class="web-ponto-team_logo">
<img src="https://ssl.gstatic.com/onebox/media/sports/logos/z44l-a0W1v5FmgPnemV6Xw_48x48.png" class="imgclub" alt="
مان سيتي" width="100" height="100" /> </div>
<div class="web-ponto_sports_events-team_title">
مانن سيتي</div>
</div>
<div class="event_title_wrapper">
<div class="events-team_score numb">
1</div>
<div class="event_status_inner_coming">
<div class="none-class">
GMT 20:30</div>
</div>
<div class="events-team_score numb">
5 </div>
</div>
<div class="team-aria team-second">
<div class="web-ponto-team_logo">
<img src="http://media.linkonlineworld.com/img/yallakora/IOSTeams//120/\2018\7\29\Arsenal2018_7_29_15_29.jpg" class="imgclub" alt="
ارسنــــــــال" width="100" height="100" /> </div>
<div class="h2 web-ponto_sports_events-team_title">
ارسنــــــــال</div>
</div>
</div>
<div class="events-info">
<span class="mic"><i aria-hidden="true" class="fa fa-microphone"></i>
الشوالي
 </span>
<span class="tv hidden-xs hidden-sm"><i aria-hidden="true" class="fa fa-television">
</i>
beIN SPORT</span>
<span class="cup"><i aria-hidden="true" class="fa fa-trophy">
</i>
الدوري الانجليزي
</span>
</div>
</a></li>
بالنسبة للوحة  توليد متوفرة مجانا لكن يتوفر شروط بسيطة للحصول عليه :
  1. أن تتابع المدونة من هنا اذا لم أجدك متابع لن تحصل على لوحة  توليد .
  2. تضع ايميل الخاص بك أسفل التعليقات لارسال لك لوحة  توليد .
صورة لوحة التوليد 


ملاحظة...اللوحة محمية بحقوقي لذا لاتحاول حذفها الا سيتم توجيهك لمدونتي

شرح تخصيص :

التخصيص:
  • سيكون لون الجدول لذا في الكود الأول قم بالبحث عن هذا اللون  #3d5afe
  • فقط في النسخة المدفوعة يمكنك حذف الحقوق
0.00
لوحة توليد جدول مباريات