آخر المقالات

الأربعاء، 2 سبتمبر، 2015

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

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

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


اولا ندخل على القالب ثم تحرير html el نضغط Ctrl+f  ثم البحث عن هذه الكلمة 

ثم أنسخ هذا الكود وألصقه فوق هذه الكلمة 


[code type="CSS"]/* this code made by th3littleprofessor.com ----------------------------------------------- */
.HPmatchHolder{
font-family:droid arabic kufi;
color:#000000;
border-radius:10px;
text-decoration:none;

}
.newMatchClipDiv{
float:left;
width:auto;
margin:3px 0 10px 10px;
text-decoration:none;

background:linear-gradient(to bottom,#F2F2F2 0%,#298A08 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2',endColorstr='#298A08',GradientType=0);
}
.newMatchClipDiv .txtleft .soc{right:-15px}
.newMatchClipDiv{float:left}
.newMatchClipDiv{width:310px;border:1px double #E5E5E5;margin-bottom:15px;display:inline-block;position:relative}
.newMatchClipDiv .MoreWhite{padding:1px 5px 0!important}
.newMatchClipDiv .currentDay{background:#FFF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:droid arabic kufi;height:20px;margin:0;padding:6px 10px 12px!important;float:left;color:#111;position:absolute;left:50px;top:-5px;width:40px;text-align:center}
.newMatchClipDiv .ArrowR{background-position:-330px -197px;float:right;margin-left:3px}
.newMatchClipDiv .ClipTitles{margin-bottom:2px}
.newMatchClipDiv .GStripHead{padding:0 3% 1%;height:20px}
.newMatchClipDiv .GStripHead span{font-family:droid arabic kufi;margin-top:5px}
.newMatchClipDiv .matchTourName{font-family:droid arabic kufi;float:right}
.newMatchClipDiv .TeamLogoSmall{display:inline;margin:0;vertical-align:middle;}
.newMatchClipDiv .TeamsVS{margin:3px 0;height:28px}
.newMatchClipDiv .TeamsVS a{margin:0;font-size:15px}
.newMatchClipDiv a.tooltipUp span:after{margin-left:-27px}
.newMatchClipDiv a.tooltipUp span,.newMatchClipDiv a.tooltipRight span,.newMatchClipDiv a.tooltips span{width:110px}
.newMatchClipDiv a.tooltipUp:hover span{margin-left:-39px}
.newMatchClipDiv .MatchIcons{margin-left:5px}
.newMatchClipDiv .Nums>span{font-family:droid arabic kufi!important}
.newMatchClipDiv .BtnMore,.MostRead .BtnMore{border:0;width:30px;text-align:center;font-size:90%}
.MostRead .BtnMore{width:35%;float:right;height:23px;margin:5px 5px 0 0}


.ClipTitles{

height:60px;
margin:3px 10px 0 4px;
background:#D1214D;
height:38px;
color:#ffffff;
border-radius:7px;
}

.ClipTitles .soc li a{width:25px;height:30px;font-size:19px;margin-right:10px;color:#000;background-color:#e5e5e5;padding-top:2px}
.ClipTitles .TitleTxt{font-family:droid arabic kufi;color:#fff;margin:1px 10px 0 4px;float:right;white-space:nowrap}
.TitleTxt{font-family:droid arabic kufi;color:#fff;margin:1px 10px 0 4px;float:right;white-space:nowrap}
.fixroundsHolder .ClipTitles .TitleTxt{font-family:droid arabic kufi;margin:3px 10px 0 4px}

.TitleTxt{margin:3px 10px 0 4px;text-decoration:none;}
.BtnMore{
color:#ffffff;
}
.BtnMore{border-right:3px solid #fff;
text-decoration:none;
background:#0274ba;
background:-moz-linear-gradient(top,#0274ba 0%,#024570 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0274ba),color-stop(100%,#024570));
background:-webkit-linear-gradient(top,#0274ba 0%,#024570 100%);
background:-o-linear-gradient(top,#0274ba 0%,#024570 100%);
background:-ms-linear-gradient(top,#0274ba 0%,#024570 100%);
background:linear-gradient(to bottom,#D82525 0%,#024570 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D82525',endColorstr='#024570',GradientType=0);
float:left;padding:3px 8px 2px;text-align:center;height:28px;}
.BtnMore:hover{background:#000; text-decoration:none;}
.CbtnBG{background:url(images/btn_BG.png) 0 0 no-repeat;width:68px;height:5px;position:absolute;top:0;left:-4px}.
.CbtnBG{background:url(images/btn_BG2.png) 0 0 no-repeat;width:160px;top:-5px}
.Spirite:GStripHead{
text-decoration:none;
height:60px;
margin:3px 10px 0 4px;
background:#D1214D;
height:38px;
color:#ffffff;
border-radius:7px;

}
.matchTourName:hover{
background:linear-gradient(to bottom,#D82525 0%,#024570 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D82525',endColorstr='#024570',GradientType=0);
}
.matchTourName{
border-bottom:3px dashed #000000;

background:linear-gradient(to bottom,#024570 0%,#D82525 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#024570',endColorstr='#D82525',GradientType=0);

color:#ffffff;
border-radius:7px;
}
.matchTourName{font-family:droid arabic kufi;float:right;text-decoration:none;}
.floatLeft {color:#000000;
border-radius:7px;
background:#cfffef;margin-right:10px}
.floatLeft{float:left}
.TableList{margin-right:3px}
.TableList {background:#F4F4F4;}
.TableList {direction:rtl;padding:0px 0px}
.TableList{direction:rtl}
.MatchClipData{padding:1%;width:98%;display:inline-block}
.MatchClipData {display:inline-block}
.MatchClipData{text-align:right;background:none!important;display:inline-block;width:100%}
.MatchClipData{width:100%;padding:3px 0 0!important;overflow:hidden}
.MatchClipData{color:#444!important;float:right!important;font-family:droid arabic kufi;margin-top:2px}
.MatchClipData{float:left;margin:8px 0 0 5px}
.TeamsVS{
text-decoration:none;
height:35px;
background:linear-gradient(to bottom,#024570 0%,#D82525 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#024570',endColorstr='#D82525',GradientType=0);
color:#ffffff;
border-radius:7px;
}
.Wdth42{
text-decoration:none;

color:#000000;


}
.TeamLogoSmall{
width:25px;height:25px;border:1px solid #bcbdbd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;background-color:#fff
}
.TeamLogoSmall{margin:0 5px}
.TeamLogoSmall{vertical-align:middle;margin:0 2%;display:inline}
.TeamLogoSmall{display:inline;margin:0;vertical-align:middle;}
.Nums{font-size:95%!important;text-align:center!important;text-decoration:none;}
.Nums{font:bold 110% arial!important}
.Nums{margin:0 5px}
.Wdth100{
text-decoration:none;
background:#cfefcf;
color:#ffffff;
border-radius:7px;
border-bottom:1px dotted #000000;
}

.Date{
color:#ffffff;
border-radius:7px;
background:linear-gradient(to bottom,#D82525 0%,#024570 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D82525',endColorstr='#024570',GradientType=0);
}
.TeamTwo{
text-decoration:none;
color:#000000;
border-radius:7px;
background:#cfffef;
}
.TeamOne{
text-decoration:none;
color:#000000;
border-radius:7px;
background:#cfffef;
}
.Icons{
text-decoration:none;
}
.MatchIcons{
text-decoration:none;
color:#ffffff;
border-radius:7px;
background:linear-gradient(to bottom,#cfffef 0%,#ceffef 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfffef',endColorstr='#ceffef',GradientType=0);
}
.txtleft{position:relative;width:100px}
.txtleft .soc{position:absolute;right:10px}
.txtleft{float:left;width:auto;margin:3px 0 10px 10px}
.txtleft {
text-decoration:none;
border-radius:7px;
background:#cfffef;
}
.VoteBtn:hover{

background:#D82525;
background:linear-gradient(to bottom,#024570 0%,#D82525 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#024570',endColorstr='#D82525',GradientType=0);
}
.VoteBtn{background:#D82525;
text-decoration:none;
background:-moz-linear-gradient(top,#D82525 0%,#D82525 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#D82525),color-stop(100%,#D82525));
background:-webkit-linear-gradient(top,#D82525 0%,#D82525 100%);
background:-o-linear-gradient(top,#D82525 0%,#D82525 100%);
background:-ms-linear-gradient(top,#D82525 0%,#024570 100%);
background:linear-gradient(to bottom,#D82525 0%,#024570 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D82525',endColorstr='#024570',GradientType=0);
padding:0 25px 0 10px;text-align:center;height:21px;border:0;cursor:pointer;color:#fff;font-family:droid arabic kufi;
font-size:90%;
-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;float:left}
.icon-eye:before{content:"";}
.soc{margin:0;padding:0;list-style:none;}
.soc{display:inline-block;*display:inline;zoom:1;float:left}
.soc{font-family:secicon!important;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;text-decoration:none;text-align:center;display:block;position:relative;z-index:1;width:21px;height:21px;line-height:21px;font-size:14px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin-right:10px;color:#ffffff;background-color:#cfcfcf;padding-top:1px}
.soc-icon-last{margin:0!important;}
/* this code made by th3littleprofessor.com ----------------------------------------------- */ [/code]

ثم أحفظ القالب ثم أضغط على التخطيط ثم أختار المكان الى انت عايز الاضافة فيها ثثم أضغط على html javascripte

ثم أنسخ هذا الكود وألصقه فيها

[code type="HTML"]







ليست هناك تعليقات:

إرسال تعليق

المتابعون

المشاركات الشائعة

قوالب مميزة

قالب بساطة تكويد : البروفيسور الصغير