Rabu, 03 Maret 2010

Cara membuat tab menu

top custom html 2Cara membuat journalism schedule dan journalism analyse blogspot sangat berbeda dengan journal lain cara membuat memasang journalism schedule analyse cukup gampang dari pada cara antelope journalism munu journal lain.Caranya Gampang:Klik Tata letak--tambah gadget--HTML lau double adhesive kode ini:<style type="text/css">    div.TabView div.Tabs    {height: 30px;overflow: hidden}    div.TabView div.Tabs a {float:left; display:block; width: 98px; /* Lebar Menu Utama Atas */    text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */    padding-top:8px; vertical-align:middle; border:1px solidified #BDBDBD; /* Warna abut Menu Atas */    border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */    font-weight:bold; color:#000; /* 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: #E6E6E6; /* Warna scenery Menu Utama Atas */ }    div.TabView div.Pages {clear:both; border:1px solidified #BDBDBD; /* Warna abut Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna scenery 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[    duty tabview_aux(TabViewId, id)    {      var TabView = document.getElementById(TabViewId);      // ----- Tabs -----      var Tabs = TabView.firstChild;      patch (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();        }      }      patch (Tab = Tab.nextSibling);      // ----- Pages -----      var Pages = TabView.firstChild;      patch (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';        }      }      patch (Page = Page.nextSibling);    }    // ----- Functions -------------------------------------------------------------    duty tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }    duty tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }    //]]>    </script>    <form action="tabview.html" method="get">    <div id="TabView" class="TabView">    <div style="width: 300px;" class="Tabs">    <a>Judul 1</a>    <a>Judul 2</a>    <a>Judul 3</a>    </div>    <div style="width:300px; height:250px; " class="Pages">    <div class="Page">    <div class="Pad">    Isi schedule journalism schedule 1     </div>    </div>    <div class="Page">    <div class="Pad">    Isi schedule journalism schedule 2    </div>    </div>    <div class="Page">    <div class="Pad">    Isi schedule journalism schedule 3     </div>    </div>    </div>    </div>    </form>    <script type="text/javascript">    tabview_initialize('TabView');    </script>kemudian Klik "Simpan tempalate"bottom custom html 3
Google

0 komentar:

Posting Komentar