Selam arkadaşlar,
Öyle gözüküyor ki uzun bir süredir yazmıyorum. YUI serisine devam edeyim dedim. Bu sefer başka frameworkle karşılaştırmayacağım tamam!
Çok uzatmadan konuya girelim.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"  dir="ltr">

<head>

<!-- Skini include ediyoruz. ;) -->

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/tabview/assets/skins/sam/tabview.css">



<!-- YUI a ait tablerin görünür olabilmesi için gerekli js dosyaları -->

<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/element/element-min.js"></script>

<!-- TAB için dosya-->

<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/tabview/tabview-min.js"></script>

<!--   yui-skin-sam  -->

<script type="text/javascript">

var tabim = new YAHOO.widget.TabView("tabornegi", { activeIndex: 1 });

// şey activeIndex varya 0 koyarsan ilk tab gözükür  1 koyarsan 2.

   

</script>

</head>

<body class="yui-skin-sam">

<div class="yui-navset" id="tabornegi">

    <ul class="yui-nav">

        <li class="selected"><a href="#yerli"><em>Yerli Diziler</em></a></li>

        <li><a href="#yabanci"><em>Yabancı Diziler</em></a></li>

        <li><a href="#tumu"><em>Karışık</em></a></li>

    </ul>            

    <div class="yui-content">

        <div><p><li>Selena</li><li>Sihirli Annem</li><li>Kayıp Prenses</li></p></div>

        <div><p><li>Lost</li><li>Prison Break</li><li>Ugly Betty</li><li>Super Natural</li></p></div>

        <div><p><li>Selena</li><li>Lost</li><li>Prison Break</li><li>Ugly Betty</li><li>Super Natural</li></p></div>

    </div>

</div>



</body>