Blogger Film Sitesi Part Sistemi

<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/tabview.css' rel='stylesheet' type='text/css'/>
<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/border_tabs.css' rel='stylesheet' type='text/css'/>
<script src='http://yui.yahooapis.com/2.3.0/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'></script>
<script src='http://yui.yahooapis.com/2.3.0/build/element/element-beta-min.js' type='text/javascript'></script>
<script src='http://yui.yahooapis.com/2.3.0/build/tabview/tabview-min.js' type='text/javascript'></script>
<style type='text/css'>
.yui-content { padding:1em; /* pad content container */
}
.yui-navset .yui-content {
border:1px solid #b0b0b0;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
background-color:#8a8a8a;
}
.yui-navset .yui-nav li a {
background:#f3e7d2 url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
background:transparent url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat top right;
padding:0.4em;
}
/* top oriented */
.yui-navset-top .yui-nav { margin-bottom:-18px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
border-bottom:2px solid #616161;
}
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
</style>

<div class="yui-navset" id="demo">
<ul class="yui-nav">
<li class="selected"><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab1"><em>Part 1</em></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab2"><em>Part 2</em></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab3"><em>Alternatif Tek Part</em></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab4"><em>Tek Part VK(720p)</em></a></li>
</ul>
<br />
<div class="yui-content">
<div id="tab1">
<iframe frameborder="0" height="360" src="http://vk.com/video_ext.php?oid=-35493457&amp;id=162949698&amp;hash=8829f2f6a1974327&amp;hd=2" width="640"></iframe> </div>
<div id="tab2">
<iframe frameborder="0" height="360" src="http://vk.com/video_ext.php?oid=-35493457&amp;id=162949706&amp;hash=c6a48419340be999&amp;hd=2" width="640"></iframe> </div>
<div id="tab3">
<iframe scrolling="no" src="http://embed.divxstage.eu/embed.php?v=srbxxzxfjzdq0&amp;width=640&amp;height=360" style="border: 0; height: 360px; overflow: hidden; width: 640px;"></iframe> </div>
<div id="tab4">
<iframe frameborder="0" height="360" src="http://vk.com/video_ext.php?oid=-43629211&amp;id=163432682&amp;hash=3f7467a9113fd43d&amp;hd=2" width="640"></iframe> </div>
</div>
</div>
<script>
(function() {
var tabView = new YAHOO.widget.TabView('demo');

YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");
})();
</script>