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

الصفحات

أخر المشاركات

اضافة سيرفرات بث مباشر + سكرت يعرض حلقات من نفس الموضوع


اضافة سيرفرات بث مباشر + سكرت يعرض حلقات من نفس الموضوع
نشرت المرة الماضية شكل سيرفرات المشاهدة 
لاكن في شكل اليوم شكل خاص وفريد من نوعه حيث يتميز سكربت يعرضلك حلقات المسلسل او تدوينات ذات صلة حسب التسمية التي تضعها انت
شرح التركيب 
إبحث على
</head> 
وضع هذا الكود فوقه
<style>
.online_watch{position:relative;width:100%;height:576px;z-index:100;margin:20px 0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;clear:both}
.two-sides,.two-sides .cover_online{height:400px;/* position:relative;*/}
.cover_online{width:100%;height:576px;background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:0 0 5px rgba(0,0,0,0.09);position:relative;overflow:hidden;z-index:1;background:#000}
.server-not-av{display:block;text-align:center;background:rgba(0,0,0,0.38);line-height:37px;font-weight:normal;margin:120px auto!important;color:white;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,0.37);font-size:16px}
.cover_online .play_player{position:absolute;width:110px;height:110px;border-radius:50%;text-align:center;right:50%;margin-right:-55px;top:50%;margin-top:-55px;z-index:2}
.cover_online .play_player i{display:block;line-height:110px;font-size:110px;color:#f55b2b;text-shadow:-1px 7px 5px rgba(0,0,0,0.47)}
.servers-box{position:relative;padding-top:84px}
.servers-box.episode{padding-top:150px}
.server-viewport{margin-right:170px;position:relative;height:100%}
.two-sides .server-viewport{margin-left:200px}
.servers-tabs{display:inline-block;float:right;width:170px;overflow-y:auto;padding-top:5px;height:100%;direction:ltr;background:rgb(30,30,31)}
.servers-tabs ul{}
.server-viewport iframe {width: 100%;height: 100%;z-index: +1;position: relative;}
.servers-tabs li{background:#7d7d7d;margin:0 5px;padding:5px 10px;margin-bottom:5px;text-align:right;color:#fff;cursor:pointer;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
.servers-tabs li:hover,.servers-tabs li.active{background:#e2081c}
.servers-tabs i{margin-left:5px}
.related-side{position:relative;position:absolute;left:0;top:0;width:200px;height:100%;/* overflow-y:hidden;*/
background:rgb(18,18,19)}
.related-side h2{display:block;background:#e2081c;text-align:center;font-size:15px;border-bottom:2px #000 solid;padding:7px 8px}
.related-side ul{height:calc( 100% - 43px );overflow-y:auto}
.related-side a{display:block;position:relative;padding:5px 10px;background:#1f1f1f;color:#fff;margin:0 3px;margin-top:3px;font-size:12px;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
.related-side a:hover{background:rgb(226,8,28)}
.related-side a.active{background:#000}
.related-side ul::-webkit-scrollbar-track{background:#151515;margin-left:10px}
.related-side ul::-webkit-scrollbar-thumb{background:#e2081c;border-radius:25px}
@media screen and (max-width:768px){/* CSS CODE HERE FOR SMALL TABLETS ---*/.two-sides,.two-sides .cover_online,.online_watch,.online_watch .cover_online{height:initial;display:block;clear:both;padding:1px 0;/* padding:0;*/ margin:11px 0;background:#38393b!important}.servers-tabs{float:none;display:block;width:initial;height:initial}.server-viewport{margin:5px 0!important;clear:both;height:260px}.related-side{position:relative;display:block;width:initial}}
</style>
<script async='async' src='//rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/server_live_streaming2.js' type='text/javascript'/>
الان في كل تدوينة ضع هذا الكود مع تغيير روابط سيرفرات و التسمية لكي تضهر الحلقات






reaction:

تعليقات