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

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

The Ghost
جدول البث المباشر لموقع 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(){
$(&#39;#tabs div&#39;).hide();
$(&#39;#tabs div:first&#39;).slideDown();
$(&#39;#tabs ul li:first&#39;).addClass(&#39;active&#39;);

$(&#39;#tabs ul li a&#39;).click(function(){
$(&#39;#tabs ul li&#39;).removeClass(&#39;active&#39;);
$(this).parent().addClass(&#39;active&#39;);
var currentTab = $(this).attr(&#39;href&#39;);
$(&#39;#tabs div&#39;).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;
}

  • ثم نضغط على حفظ .
المرحلة الثالية

  • نضع الكود الثالي للجدول في خاصية    "HTML"   عند كتابة موضوع . تابع الصورة التالية :
جدول البث المباشر لموقع Aflam4You على البلوجر

  • الكود التالي :
    <div dir="rtl" style="text-align: right;" trbidi="on">
    <div id="tabs">
    <ul class="htab">
    <li><a href="#tab-c">مميز</a></li>
    <li><a href="#tab-1">قنوات الرياضة</a></li>
    <li><a href="#tab-2">قنوات أخبار</a></li>
    </ul>
    <div class="ctab" id="tab-c">
    <table border="0" cellpadding="3" cellspacing="2" style="width: 100%px;">
         <tbody>
    <tr>
       <th class="ddd2" width="79%">اسم البرنامج</th>
       <th class="ddd2" width="7%">القناه</th>
       <th class="ddd2" width="7%">غرينتش</th>
       <th class="ddd2" width="7%">رابط</th>
       </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/31-aljazeerasport news.html'">
         <td class="ddd" height="40" valign="middle">اخبار الرياضة
             </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="الجزيرة الرياضية اخبار" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="الجزيرة الرياضية اخبار" /></td>
         <td class="ddd" width="40">00:05</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/31-aljazeerasport%20news.html" title="الجزيرة الرياضية اخبار">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/74-Beinsport 6.html'">
         <td class="ddd" height="40" valign="middle">مجلة فرنسا
          : ( الدوري الفرنسي )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 6" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 6" /></td>
         <td class="ddd" width="40">17:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/74-Beinsport%206.html" title="Bein sport 6">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/2-Beinsport 2.html'">
         <td class="ddd" height="40" valign="middle">تقديم الدوري الاسباني
          : ( مباشر )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 2" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 2" /></td>
         <td class="ddd" width="40">18:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/2-Beinsport%202.html" title="Bein sport 2">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/1-Beinsport 3.html'">
         <td class="ddd" height="40" valign="middle">تقديم الدوري الايطالي
          : ( مباشر )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 3" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 3" /></td>
         <td class="ddd" width="40">19:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/1-Beinsport%203.html" title="Bein sport 3">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/11-aljazeera.html'">
         <td class="ddd" height="40" valign="middle">حصاد اليوم
             </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="الجزيرة" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="الجزيرة" /></td>
         <td class="ddd" width="40">20:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/11-aljazeera.html" title="الجزيرة">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/68-Beinsport 1.html'">
         <td class="ddd" height="40" valign="middle">تقديم الدوري الانجليزي الممتاز
          : ( مباشر )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 1" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 1" /></td>
         <td class="ddd" width="40">20:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/68-Beinsport%201.html" title="Bein sport 1">شاهد القناه</a></td>
         </tr>
    </tbody></table>
    </div>
    <div class="ctab" id="tab-1">
    <table border="0" cellpadding="3" cellspacing="2" style="width: 100%px;">
      <tbody>
    <tr>
       <th class="ddd2" width="79%">اسم البرنامج</th>
       <th class="ddd2" width="7%">القناه</th>
       <th class="ddd2" width="7%">غرينتش</th>
       <th class="ddd2" width="7%">رابط</th>
       </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/31-aljazeerasport news.html'">
         <td class="ddd" height="40" valign="middle">اخبار الرياضة
             </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="الجزيرة الرياضية اخبار" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="الجزيرة الرياضية اخبار" /></td>
         <td class="ddd" width="40">00:05</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/31-aljazeerasport%20news.html" title="الجزيرة الرياضية اخبار">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/74-Beinsport 6.html'">
         <td class="ddd" height="40" valign="middle">مجلة فرنسا
          : ( الدوري الفرنسي )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 6" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 6" /></td>
         <td class="ddd" width="40">17:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/74-Beinsport%206.html" title="Bein sport 6">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/2-Beinsport 2.html'">
         <td class="ddd" height="40" valign="middle">تقديم الدوري الاسباني
          : ( مباشر )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 2" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 2" /></td>
         <td class="ddd" width="40">18:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/2-Beinsport%202.html" title="Bein sport 2">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/1-Beinsport 3.html'">
         <td class="ddd" height="40" valign="middle">تقديم الدوري الايطالي
          : ( مباشر )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 3" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 3" /></td>
         <td class="ddd" width="40">19:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/1-Beinsport%203.html" title="Bein sport 3">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/68-Beinsport 1.html'">
         <td class="ddd" height="40" valign="middle">تقديم الدوري الانجليزي الممتاز
          : ( مباشر )     </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="Bein sport 1" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="Bein sport 1" /></td>
         <td class="ddd" width="40">20:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/68-Beinsport%201.html" title="Bein sport 1">شاهد القناه</a></td>
         </tr>
    </tbody></table>
    </div>
    <div class="ctab" id="tab-2">
    <table border="0" cellpadding="3" cellspacing="2" style="width: 100%px;">
      <tbody>
    <tr>
       <th class="ddd2" width="79%">اسم البرنامج</th>
       <th class="ddd2" width="7%">القناه</th>
       <th class="ddd2" width="7%">غرينتش</th>
       <th class="ddd2" width="7%">رابط</th>
       </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/11-aljazeera.html'">
         <td class="ddd" height="40" valign="middle">حصاد اليوم
             </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="الجزيرة" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="الجزيرة" /></td>
         <td class="ddd" width="40">20:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/11-aljazeera.html" title="الجزيرة">شاهد القناه</a></td>
         </tr>
    <tr class="rowa" onclick="window.location.href = '/channel/11-aljazeera.html'">
         <td class="ddd" height="40" valign="middle">الحصاد المغاربي
             </td>
      
         <td class="ddd" width="140"><img align="absmiddle" alt="الجزيرة" src="http://s12.postimg.org/6aicctfbd/1_2.jpg" title="الجزيرة" /></td>
         <td class="ddd" width="40">21:00</td>
         <td class="ddd" width="40"><a href="https://www.blogger.com/channel/11-aljazeera.html" title="الجزيرة">شاهد القناه</a></td>
         </tr>
    </tbody></table>
    </div>
    </div>
    </div>

    مقالات ذات صلة

    Next
    « Prev Post
    Previous
    Next Post »

    1 التعليقات:

    التعليقات
    Fiverr Services
    6/20/2014 delete

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

    Reply
    avatar

    المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا

    الاشتراك في: تعليقات الرسالة (Atom)