Merhaba Arkadaşlar Bugun Film Siteleri İçin Sizlere Part Sistemi Kodunu Paylaşacağım. Kullanımı Basit Yayın İçine Kodu Yapıştıracaksınız.
İçerik Yazan Yerlere Filmin Oynatma Kodunu Koyacaksınız.
Yapamaynlar Olursa Yorum Yapsınlar.
Kod ALt Taraftadır.
<!-- Pcmerkez Tek Part Kodu -->
<style type="text/css">
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 26px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 91%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 15px ;
height: 24px;
line-height: 21px;
border: 1px solid rgb(0, 0, 0);
border-left: none;
font-weight: bold;
background: rgb(0, 153, 255);
overflow: hidden;
position: relative;
width:64px;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: rgb(0, 255, 214);
border-bottom: 1px solid rgb(0, 0, 0);
}
.tab_container {
border: 1px solid rgb(29, 29, 29);
border-top: none;
clear: both;
float: left;
width: 91%;
background: rgb(22, 22, 22);
}
.tab_content {
padding: 0px;
font-size: 0.2em;
display: none;
}
#container {
width: 750px;
margin: 0 auto;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
</script>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">Tek Part</li>
<li rel="tab2">Alternatif</li>
<li rel="tab3">Fragman</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<p>İçerik
</p>
</div>
<div id="tab2" class="tab_content">
<p>İçerik
</p>
</div>
<div id="tab3" class="tab_content">
<p>İçerik
</p>
</div>
</div>
</div>
<!-- Pcmerkez Tek Part Kodu -->
Yorum Gönder