-->
البرامج

جديد موقعنا

البرامج
العاب
جاري التحميل ...
العاب
9:56 م
اليكم طريقة رائعة لاضافة سيرفرات المشاهدة للافلام او فيديوهات المرفوعة على اكثر من سيرفر الكود وجدت في كذا موقع لكن طورته ليصبح الفيديو متجاوب مع كل الشاشات يمكنك التاكد من المعاينة في الزر الذي في الاعلى ولنبدأ في التركيب
يمكنك تجريب الاضافة الثانية من هنا
اولا ابحث عن الوسم </head> و ضع الكود التالي فوقه

  • <style>
  • .adG > .closeAd{
  • position: absolute;
  • top: 1px;
  • left: 100%;
  • background: white;
  • font-size: 13px;
  • padding: 2px 3px;
  • cursor: pointer;
  • }
  • .adG {
  • position: absolute;
  • top: 50%;
  • width: 300px;
  • height: 250px;
  • margin-top: -100px;
  • right: 50%;
  • margin-right: -150px;
  • }
  • .modernbricksmenu2 li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;}
  • .tabcontent{display:block!important;}}.indentmenu{font:bold 13px Custom;width:100%;}
  • .indentmenu ul li a{float:left;color:white;padding:5px 11px;text-decoration:none;border-right:1px solid navy;}
  • .indentmenu ul li a:visited{color:white;}
  • .tabcontentstyle{border:1px solid gray;width:450px;margin-bottom:1em;padding:10px;}
  • .tabcontent {
  • background: #000000;
  • padding: 1em;
  • height: 485px;
  • position: relative;
  • z-index: 1;
  • border-radius: 10px 10px 10px 10px;
  • box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
  • }
  • .shadetabs{margin:10px 0 30px;padding:0!important}
  • .shadetabs li{display:inline;padding-left:0px}
  • .shadetabs li a.selected:hover{background-color:#cf2944}
  • .shadetabs {
  • overflow: hidden;
  • width: 100%;
  • margin: 0;
  • padding: 0;
  • list-style: none;
  • }
  • .shadetabs li {
  • float: right;
  • margin: 0 .5em 0 0;
  • }
  • .shadetabs a {
  • position: relative;
  • background: #ddd;
  • background-image: linear-gradient(to bottom, #fff, #ddd);
  • padding: .7em 2em;
  • float: left;
  • text-decoration: none;
  • color: #444;
  • text-shadow: 0 1px 0 rgba(255,255,255,.8);
  • border-radius: 5px 0 0 0;
  • box-shadow: 0 2px 2px rgba(0,0,0,.4);
  • }
  • .shadetabs a:hover,
  • .shadetabs a:hover::after,
  • .shadetabs a:focus,
  • .shadetabs a:focus::after {
  • background: #fff;
  • }
  • .shadetabs a:focus {
  • outline: 0;
  • }
  • .shadetabs a::after {
  • content:&#39;&#39;;
  • position:absolute;
  • z-index: 1;
  • top: 0;
  • right: -.5em;
  • bottom: 0;
  • width: 1em;
  • background: #ddd;
  • background-image: linear-gradient(to bottom, #fff, #ddd);
  • box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  • transform: skew(10deg);
  • border-radius: 0 5px 0 0;
  • }
  • </style>
  • <script src='http://cima4up.com/tabcontent1.js' type='text/javascript'> /*********************************************** </script> <script src='https://sites.google.com/site/php0103/menu.js' type='text/javascript'/>
    <style>
      .adG > .closeAd{
        position: absolute;
        top: 1px;
        left: 100%;
        background: white;
        font-size: 13px;
        padding: 2px 3px;
        cursor: pointer;
      }
      .adG {
        position: absolute;
        top: 50%;
        width: 300px;
        height: 250px;
        margin-top: -100px;
        right: 50%;
        margin-right: -150px;
      }
      .modernbricksmenu2 li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;}
      .tabcontent{display:block!important;}}.indentmenu{font:bold 13px Custom;width:100%;}
      .indentmenu ul li a{float:left;color:white;padding:5px 11px;text-decoration:none;border-right:1px solid navy;}
      .indentmenu ul li a:visited{color:white;}
      .tabcontentstyle{border:1px solid gray;width:450px;margin-bottom:1em;padding:10px;}
      .tabcontent {
        background: #000000;
        padding: 1em;
        height: 485px;
        position: relative;
        z-index: 1;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
      }
      .shadetabs{margin:10px 0 30px;padding:0!important}
      .shadetabs li{display:inline;padding-left:0px}
      .shadetabs li a.selected:hover{background-color:#cf2944}
      .shadetabs {
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .shadetabs li {
        float: right;
        margin: 0 .5em 0 0;
      }
      .shadetabs a {
        position: relative;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd); 
        padding: .7em 2em;
        float: left;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        border-radius: 5px 0 0 0;
        box-shadow: 0 2px 2px rgba(0,0,0,.4);
      }
      .shadetabs a:hover,
      .shadetabs a:hover::after,
      .shadetabs a:focus,
      .shadetabs a:focus::after {
        background: #fff;
      }
      .shadetabs a:focus {
        outline: 0;
      }
      .shadetabs a::after {
        content:&#39;&#39;;
        position:absolute;
        z-index: 1;
        top: 0;
        right: -.5em; 
        bottom: 0;
        width: 1em;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd); 
        box-shadow: 2px 2px 2px rgba(0,0,0,.4);
        transform: skew(10deg);
        border-radius: 0 5px 0 0; 
      }
    </style>
 <script src='http://cima4up.com/tabcontent1.js' type='text/javascript'> /*********************************************** </script> <script src='https://sites.google.com/site/php0103/menu.js' type='text/javascript'/>
ثانيا عند كتابة الموضوع او الفيلم ضع الكود التالي في تحرير HTML و ضع روابط الافلام

  • <div dir="rtl" style="text-align: right;" trbidi="on">
  • <div class="detailsMovie">
  • <script>
  • function server(i) {
  • $(".serversUl > li").removeClass('active').removeAttr('active');
  • $(".serversUl > li.server"+i+"").addClass('active');
  • $.ajax({
  • url: 'http://cima4up.com/wp-content/themes/yourcolor/servers/server.php',
  • data: 'q=3792&i='+i+'',
  • success: function(msg) {
  • $(".serverD .server1").html(msg);
  • }
  • });
  • }
  • function CloseAd() {
  • $('.adG').remove();
  • };
  • </script>
  • </div>
  • <ul class="shadetabs" id="countrytabs">
  • <li><a class="selected" href="https://www.blogger.com/tab#" rel="country1">شاهد سيرفر 1</a></li>
  • <li><a href="https://www.blogger.com/tab#" rel="country2">شاهد سيرفر 2</a></li>
  • <li><a href="https://www.blogger.com/tab#" rel="country3">شاهد سيرفر 3</a></li>
  • <li><a href="https://www.blogger.com/tab#" rel="country4">شاهد سيرفر 4</a></li>
  • </ul>
  • <div style="border: 1px solid gray; margin-bottom: 1em; padding: 10px; width: 100%;">
  • <div class="serverD" div="" id="country1" style="position: relative;">
  • <!-- Begin iframe code -->
  • <div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
  • <!-- End iframe code --> </div>
  • <div class="serverD" div="" id="country2">
  • <div active="" class="country2">
  • </div>
  • <!-- Begin iframe code -->
  • <div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
  • <!-- End iframe code --> </div>
  • <div class="serverD" div="" id="country3" style="position: relative;">
  • <div active="" class="country3">
  • </div>
  • <!-- Begin iframe code -->
  • <div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
  • <!-- End iframe code --> </div>
  • <div class="serverD" div="" id="country4" style="position: relative;">
  • <div active="" class="country4">
  • </div>
  • <!-- Begin iframe code -->
  • <div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
  • <!-- End iframe code --> </div>
  • </div>
  • <script type="text/javascript">
  • var countries=new ddtabcontent("countrytabs")
  • countries.setpersist(true)
  • countries.setselectedClassTarget("link") //"link" or "linkparent"
  • countries.init()
  • </script></div>
  • </div>




شاهد أيضاً

التعليقات

';


حسام بروفسور

تسامو للمعلوميات

2017