TAB VIEW PAGERZINE

<div align="center">
<div align="center">
<div align="center">
<style type="text/css">
    div.TabView div.Tabs
    {height: 30px;overflow: hidden}
    div.TabView div.Tabs a {float:left; display:block; width: 160px; /* Lebar Menu Utama Atas */
    text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
    padding-top:8px; vertical-align:middle; border:1px solid #000000; /* Warna border Menu Atas */
    text-align: center; /* Posisi Teks Menu Tab */
    margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
    background-color: #000; /* Warna background Kotak Tab */
    padding-top: 2px; /* Spasi Atas */
    border-bottom-width:0; text-decoration: none; font-family: "serif", Serif; /* Font Menu Utama Atas */
    font-weight:bold; color:#ffffff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #C09797; /* Warna background Menu Utama Atas */ }
    div.TabView div.Pages {clear:both; border:1px solid #000000; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
        div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
    div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
   
</style>
    <script type="text/javascript">
    //<![CDATA[
    function tabview_aux(TabViewId, id)
    {
      var TabView = document.getElementById(TabViewId);
      // ----- Tabs -----
      var Tabs = TabView.firstChild;
      while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
      var Tab = Tabs.firstChild;
      var i   = 0;
      do
      {
        if (Tab.tagName == "A")
        {
          i++;
          Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
          Tab.className = (i == id) ? "Active" : "";
          Tab.blur();
        }
      }
      while (Tab = Tab.nextSibling);
      // ----- Pages -----
      var Pages = TabView.firstChild;
      while (Pages.className != 'Pages') Pages = Pages.nextSibling;
      var Page = Pages.firstChild;
      var i    = 0;
      do
      {
        if (Page.className == 'Page')
        {
          i++;
          if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
          Page.style.overflow = "auto";
          Page.style.display  = (i == id) ? 'block' : 'none';
        }
      }
      while (Page = Page.nextSibling);
    }
    // ----- Functions -------------------------------------------------------------
    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
    function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
    //]]>
   
</script>
    <br />
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 500px;">
<a href="http://www.blogger.com/page-edit.g?blogID=3561935105602187313&amp;pageID=7476587185564574441"><span style="color: white;">REDAKSI ZINE</span></a>
<a href="http://www.blogger.com/page-edit.g?blogID=3561935105602187313&amp;pageID=7476587185564574441"><span style="color: white;">FACEBOOK/MAIL</span></a>
<a href="http://www.blogger.com/page-edit.g?blogID=3561935105602187313&amp;pageID=7476587185564574441"><span style="color: white;">ALAMAT/TELP </span></a>
    </div>
<div class="Pages" style="height: 250px; width: 500px;">
<div class="Page">
<div class="Pad">
<br />
<div align="center">
<b>CHIEF EDITOR</b><br />
Dionys Dhewanindra<br />
<br />
<b>REDAKSI</b><br />
Brigitta Insa, Mohammad Surya, I Wayan Jaladara, Gautama Manunggal, Michael Orie,Wiwid Corank, Narwastu Jingga, Irulle Carox<br />
<br />
<b>PHOTOGRAPHER - GRAPHIC</b><br />
Ghozali Muslim Rakato, Mahkota Prasasty </div>
</div>
</div>
<div class="Page">
<div class="Pad">
<br />
<br />
<div align="center">
<b>KLIK UNTUK BERGABUNG</b><br />
<br />
<a href="http://www.facebook.com/blogger.gerilya"><b>Facebook Redaksi dan Management</b></a><br />
<b><a href="http://www.facebook.com/groups/pagerstudio/">Facebook Group</a><br /><br />
    Email : padepokan.gerilya@yahoo.co.id<br />
    </b></div>
<b>
    </b></div>
<b>
    </b></div>
<b>
    </b><br />
<div class="Page">
<div class="Pad">
<b><br /></b><br />
<div align="center">
<b><b>PADEPOKAN GERILYA MUSIC AND VIDEO PROJECT</b></b><br />
<b><br /></b><br />
<b>Jalan Ir. H. Juanda, Gg. Anggrek No. 83 , Depok, Jawa Barat</b><br />
<b>Sms/Phone 021. 45765289 (Flexy)  atau 021. 97235339 ( Esia)</b></div>
</div>
</div>
</div>
<b>
    </b></div>
</form>
<b>
    </b></div>
<b>
   
   
   
    <script type="text/javascript">
    tabview_initialize('TabView');
   
</script></b></div>
</div>