recent
hot news

Add the present coordinate timetable to blogger with a free age board

Add the present coordinate timetable to blogger with a free age board


Add the present coordinate timetable to blogger with a free age board

 In this article, we will clear up for you adding a timetable of matches separated into three branches, which are the present coordinates with a free age load up for you.


A timetable of matches was planned previously, however it didn't have an extraordinary age load up. The job of the age load up is that it produces a coordinate timetable with the snap of a button without turning to codes or altering them, working with time and saving you from utilizing codes.

 Match plan review:


see

 Clarification of how to introduce:

أولا تقوم بالبحث <\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}

Subsequent to putting the past code or in the wake of applying the past advance, presently duplicate the accompanying code and put it in the design or article or where you need to show the present match plan



نسخ
<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>


Concerning the creating board, it is accessible for nothing, however there are basic circumstances for acquiring it:

To follow the blog from here, in the event that I don't observe you an adherent, you won't get an age board.

Put your email underneath the remarks to send you an age board.

age board picture

جدول المباريات مجاني

google-playkhamsatmostaqltradent