القائمة الرئيسية

الصفحات

اضافة جدول لعض مباريات اليوم + لوحة تحكم


اضافة جدول لعض مباريات اليوم + لوحة تحكم


اهلا بيكم يا شباب في مقالة جديدة والاولة من نوعها وهي عن اضافة جدول لعرض مباريات اليوم وهو اداة يستخدمها اغلب مواقع الرياضية والاخبارية ويسهل على الزائر معرفة ما المباريات التى تمت او سوف تتم او انتهت وكما قولت ان الاضافة توجد معها لوحة تحكم وهي لتساعد فى عمل الجدول بسرعة وهى يوجد 8 خانت عليك بملاها جميعها من صور او كلمات الخ...وهى مدفوعة وسعرها =5$ 
لوحة التحكم بسعر =5$

صورة لوحة التحكم




فيديو شرح





طريقة التركيب



  • توحة الي المظهر ثم تعديل HTML ثم قم بالبحث عن /b:skin وقم بوضع الكود فوقة .

a {text-decoration: none;color: #141E30;} .mobarat_v1{text-align:center;border:2px solid #EEE;font-size:13px;position:relative;margin-bottom: 10px; border-radius: 7px 7px 27px 27px;} .mobarat_v1 .he1ad-mo{text-align:center;padding:10px;display:grid;grid-template-columns:2fr 1fr 2fr;align-items:center} .mobarat_v1 .he1ad-mo .domicile{text-align:left;padding-left:10px;grid-template-columns:50px 1fr} .mobarat_v1 .he1ad-mo .exterieur{text-align:right;padding-right:10px;grid-template-columns:1fr 50px} .mobarat_v1 .he1ad-mo .domicile,.mobarat_v1 .he1ad-mo .exterieur{position:relative;text-align:center;display:grid;align-items:center} .mobarat_v1 .he1ad-mo .domicile .img-club{margin-right:10px} .mobarat_v1 .he1ad-mo .exterieur .img-club{margin-left:10px} .mobarat_v1 .he1ad-mo .domicile .img-club,.mobarat_v1 .he1ad-mo .exterieur .img-club{max-width:50px;margin:0} .mobarat_v1 .he1ad-mo .domicile .img-club img,.mobarat_v1 .he1ad-mo .exterieur .img-club img{width:100%;height:auto;margin:auto} .mobarat_v1 .alignleft{margin:5px 25px 5px 0;display:inline;float:left} .mobarat_v1h .he1ad-mo .domicile h3{font-weight:400} .mobarat_v1 .he1ad-mo h3{margin:0;padding:0;text-align:center;font-size:18px} .mobarat_v1 .details-mo{background:#FAFAFA;display:flex} .mobarat_v1 .details-mo span{ padding: 10px; display: inline-block; width: 33.333%; color: #ffffff; border-left: 1px solid #eee; font-weight: 700; background: #141E30; background: -webkit-linear-gradient(to right, #243B55, #141E30); background: linear-gradient(to right, #243B55, #141E30); border-radius: 36px;} .mobarat_v1 .details-mo span i{display:inline-block;margin-left:5px} .mobarat_v1 .he1ad-mo .score-time{padding:5px;font-size:1.5em} .mobarat_v1 .he1ad-mo .exterieur h3{font-weight:400}

  • ضع هذا الكود في المكتن الذي تريد اظهر فية الجدول مع تغيير ما يلزم.

<div class="mobarat_v1">
    <a href="#" title="برشلونة VSريال مدريد">
      <div class="he1ad-mo">
        <div class="domicile">
          <div class="img-club"><img alt="برشلونة" class="alignleft" height="150" src="https://ssl.gstatic.com/onebox/media/sports/logos/paYnEE8hcrP96neHRNofhQ_96x96.png" width="150"></div>
          <h3>برشلونة</h3>
        </div>
        <div class="score-time"><span class="vs">1-5</span></div>
        <div class="exterieur">
          <h3>ريال مدريد</h3>
          <div class="img-club"><img alt="" class="alignleft" height="150" src="https://ssl.gstatic.com/onebox/media/sports/logos/Th4fAVAZeCJWRcKoLW7koA_96x96.png" title="ريال مدريد" width="150"></div>
        </div>
      </div>
    </a>
    <div class="details-mo" id="details-mo"><span>الدوري الاسباني</span><span>انتهت</span><span>بين سبورت1</span></div>
  </div>

تحذيرلا يسمح باخذ المحتوي والا سوف يتم التبليغ عنك وسيتم حذف المقالة من طرف بلوجر بدون اخبارك



reaction:

تعليقات