. blogger BIOL .: Mambina Tab View untuk WebPages

1. Letakkan scripts ini antara <head> dan </head> dalam HTML template anda :

&lt;style type="text/css"&gt; /*Eric Meyer's based CSS tab*/ #tablist{ padding: 3px 0; margin-left: 0; margin-bottom: 0; margin-top: 0.1em; font: bold 12px Verdana; } #tablist li{ list-style: none; display: inline; margin: 0; } #tablist li a{ text-decoration: none; padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: white; } #tablist li a:link, #tablist li a:visited{ color: navy; } #tablist li a:hover{ color: #000000; background: #C1C1FF; border-color: #227; } #tablist li a.current{ background: lightyellow; } &lt;/style&gt; &lt;script type="text/javascript"&gt; /*********************************************** * Tabbed Document Viewer script- Â© Dynamic Drive DHTML code library undefinedwww.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var selectedtablink="" var tcischecked=false function handlelinkundefinedaobject){ selectedtablink=aobject.href tcischecked=undefineddocument.tabcontrol &amp;&amp; document.tabcontrol.tabcheck.checked)? true : false if undefineddocument.getElementById &amp;&amp; !tcischecked){ var tabobj=document.getElementByIdundefined"tablist") var tabobjlinks=tabobj.getElementsByTagNameundefined"A") for undefinedi=0; i&lt;tabobjlinks.length; i++) tabobjlinks[i].className="" aobject.className="current" document.getElementByIdundefined"tabiframe").src=selectedtablink return false } else return true } function handleviewundefined){ tcischecked=document.tabcontrol.tabcheck.checked if undefineddocument.getElementById &amp;&amp; tcischecked){ if undefinedselectedtablink!="") window.location=selectedtablink } &lt;/script&gt;

2. Masukkan Scripts dibawah ini selepas kode <body>:

4. Save Template

p/s :
a . Tapi bagi aku, kau orang kopy semua scripts diatas ini dan buat satu HTML yang baru dalam Layout dan paste kan semua kat situ, (mudah nak edit)
b . Pengalaman aku yg dah buat, aku tak dapat membina tab view seperti kita bina dalam halaman kita sendiri, untuk web page, walaupun saya edit untuk lebih dari 1 web address, still x dapat digunakan dalam tab yang sama.
c . sumber ini aku tiru dari sini

. blogger BIOL .

Mambina Tab View untuk WebPages

No comments:

Post a Comment