جدول البث المباشر لموقع Aflam4You على البلوجر

السلام عليكم ورحمة الله وبركاته ،
مرحبا بكم زوار مدونة سكيمو في درس جديد و حصري . موقع Aflam4You من المواقع العربية الكبيرة التي تقوم بالنقل الحي للمباريات و الاحداث الرياضية ، الموقع يتوفر على جدول للبث جد جد إحترافي و هائل جدول بالتقنية CSS و JQUERY ، جدول متحرك و متناسق الألوان ، جدول جذاب يحتوي على أربعة إختيارات و ثلات قائمات "مميز ، قنوات الرياضة و قنوات أخبار" .

في هذا الموضوع إنشاء الله سنقدم لكم جدول موقع Aflam4You على البلوجر و بكل الخاصيات ، لا تنسى مشاركة الموضوع .

جدول البث المباشر لموقع Aflam4You على البلوجر

معاينة الجدول

نتوجه إلى المدونة >>> قالب .
تحرير HTML >>> ثم نبحث عن </Head>
ثم نضيف الكود التالي فوقه

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/43213721222/1.js' type='text/javascript'/>
<script src='http://yourjavascript.com/82714233122/2.js' type='text/javascript'/>
<script src='http://yourjavascript.com/21467325221/3.js' type='text/javascript'/>
<script>
$(document).ready(function(){
$('#tabs div').hide();
$('#tabs div:first').slideDown();
$('#tabs ul li:first').addClass('active');

$('#tabs ul li a').click(function(){
$('#tabs ul li').removeClass('active');
$(this).parent().addClass('active');
var currentTab = $(this).attr('href');
$('#tabs div').slideUp();
$(currentTab).slideDown();
return false;
});

});
</script>

الآن نبحث عن الوسم ]]></b:skin>
نضيف الكود الثالي فوقه مباشرة

/*--- HUKMAT   Tableau --- */

.htab li {
    background: none repeat scroll 0 0 #F6F6F6;
    border-radius: 5px 5px 0 0;
    float: right;
    height: 30px;
    line-height: 30px;
    list-style: none outside none;
    margin: 0 3px 0 0;
    padding: 0 10px;
    width: auto;
}
.htab li:hover {
    background: none repeat scroll 0 0 #5C6B7F;
    color: #fff;
}
.htab li:hover a {
    color: #fff;
}
.htab li.active {
    background: none repeat scroll 0 0 #146B7F;
    color: #5C6B7F;
}
.htab li.active a {
    color: #EB8F00;
}
.htab li a {
    text-decoration: none;
}
.htab {
    clear: both;
    height: 30px;
    margin: 0;
}
.ctab {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #146B7F;
    display: none;
    margin: 0 0 10px;
}
.ddd {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #146B7F;
}
.ddd2 {
    background: url("http://s29.postimg.org/je64cldf7/image.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #146B7F;
    color: #146B7F;
    line-height: 30px;
}
.rowa {
}
.rowa:hover {
    background: none repeat scroll 0 0 #FCFCFC;
}
.span8 {
    float: left !important;
}