الجزء الثاني من سلسله كيف تصمم موقع افلام احترافي طريق تركيب مشاهده علي عده سيرفرات

الجزء الثاني من سلسله كيف تصمم موقع افلام احترافي طريق تركيب مشاهده علي عده سيرفرات

الجزء الثاني من سلسله كيف تصمم موقع افلام احترافي طريق تركيب مشاهده علي عده سيرفرات

في موضوع اليوم وهو استكمالا لحلقه تصميم موقع افلام احترافي والربح منه
سنشرح طريقه اضافه عده سيرفرات للمشاهده التي يبجث عنها الجميع

شاهد الشرح بالفيديو

اولا توجه الي المظهر و ctrl +f
كنترول وحرف اف
وابحث عن الكود التالي

ضع فوقه مباشرة هذا الكود

.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:'';
  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;  
}

ابحث عن الكود التالي

قم بوضع الكود التالي فوقه مباشرة

الان تبقي كود يمكنك حفظه في ملف تكست ستستخدمه في كل موضوع او كل فيلم تقوم بنشره
ملاحظه الكلام ستعدل عليه وستضع روابط التضمين الخاصه بالفيديو او الفيلم الخاص بك لكل سيرفر

<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="tab#" rel="country1">شاهد سيرفر 1</a></li>
<li><a href="tab#" rel="country2">شاهد سيرفر 2</a></li>
<li><a href="tab#" rel="country3">شاهد سيرفر 3</a></li>
<li><a href="tab#" rel="country4">شاهد سيرفر 4</a></li>
</ul>
<div style="border: 1px solid gray; margin-bottom: 1em; padding: 10px; width: 680px;">
<div class="serverD" div="" id="country1" style="position: relative;">
<div active="" class="server1">
<div class="adG">
<span class="closeAD" onclick="CloseAd();"><i class="fa fa-close"></i></span>
 
ضع شفرة الاعلانات الخاصة بك هنا
  
                      </div>
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الاول
  
</div>
<div class="serverD" div="" id="country2">
<div active="" class="country2">
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الثاني
  
</div>
<div class="serverD" div="" id="country3" style="position: relative;">
<div active="" class="country3">
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الثالث
  
</div>
<div class="serverD" div="" id="country4" style="position: relative;">
<div active="" class="country4">
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الرابع
  
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>

آخر الأخبار

الجزء الثاني من سلسله كيف تصمم موقع افلام احترافي طريق تركيب مشاهده علي عده سيرفرات







بقلم : أحمد رضا

التعليقات

آخر الأخبار

الجزء الثاني من سلسله كيف تصمم موقع افلام احترافي طريق تركيب مشاهده علي عده سيرفرات







بقلم : أحمد رضا

شاهد أيضاً

التعليقات