Skip to main content

3 tab widget

hari ini saya nak ajar cara buat 3 tab widget..

1 Log in >> layout >> Add gadget >> pilih HTML dan masukkan kod2 dibawah ini..

<style type="text/css">
div.TabTampil div.TTs
{height: 24px; overflow: hidden; }
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active
{ background-color: #D93437; color: #ffffff }
div.TabTampil div.katedajay
{ clear: both; border: 1px solid #DDDDDD; overflow: hidden; background-color: #ffffff;}
div.TabTampil div.katedajay div.dajay
{ height: 100%; padding: 0px; overflow: hidden; }
div.TabTampil div.katedajay div.dajay div.gaigai
{ padding: 3px 5px; }
div.TabTampil div.TTs a
{ border-left:0px solid #ffffff; border-right:1px solid #DDDDDD; border-top:1px solid #DDDDDD; border-bottom:0px solid #DDDDDD; float: left;
display: block; width: 98px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif;
font-size: 13px; font-weight: 900; color: #DDDDDD; }
</style>
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs"> <a>Nama Tab1</a> <a>Nama Tab2</a> <a>Nama Tab3</a></div>
<div style="width: 300px; height: 300px;" class="katedajay">
<div class="dajay">
<div class="gaigai">
Area ini content bagi tab1
</div>
</div>
<div class="dajay">
<div class="gaigai">
Area ini content bagi tab2
</div>
</div>
<div class="dajay">
<div class="gaigai">
Area ini content bagi tab3
</div>
</div>
</div>
</div></form>
<script style="text/javascript" src="http://sites.google.com/site/iamsuraclub/3tabwidget.txt?attredirects=0&d=1"></script>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>

sekarang kamu boleh tukar tulisan yang berwarna tu..

merah = kamu boleh tukar mengikut kehendak warna yang kamu mahukan kodnya disini .
biru = tukar dengan apa2 sahaja benda yang anda nak masukkan..

bila dah siap semua, save dan lihatlah hasilnya..semoga berjaya..terima kasih.. :)

Labels:

Comments

agy7500 said…
Wah..ada maklumat..baik punyer..di sini...
December 14, 2009 at 7:27 PM
Mysura said…
eheheh....thanks cikgu... :)
December 16, 2009 at 11:38 AM
P.Mahasiswa said…
bagus!! tapi saya buat 2 tab jer.. hehe..
December 18, 2009 at 7:08 PM
Mysura said…
ehehe...takper sara...2pun 2 lah...thanks yeh... :)
December 18, 2009 at 11:41 PM
Post a Comment

Popular posts from this blog

Peribahasa - maksud dan contoh ayat.

Informasi Peribahasa. Definisi Peribahasa Peribahasa ialah ayat atau kelompok kata yang mempunyai susunan yang tetap, rapi    serta mempunyai pengertian    yang tertentu. Makna Tersirat Makna peribahasa itu berkaitan  dengan sikap dan perlakuan manusia yang digambarkan dengan pelbagai situasi yang dengan sikap dan perlakuan manusia yang digambarkan dengan pelbagai situasi yang berkaitan dengan  alam sekeliling seperti benda, ha iwan dan tumbuh-tumbuhan . Tujuan  atau Peranan Peribahasa Peribahasa digunakan untuk pengajaran atau teguran  dengan cara yang sopan dan halus. Jenis-jenis Peribahasa Perumpamaan Simpulan bahasa Bidalan Pepatah Kata-kata Hikmat ------------------------------------------------------------------------------------------------------ Ada air adalah ikan. Maksud : Di mana-mana sahaja kita tinggal, di situ ada rezeki. Contoh ayat : Walau ke mana-mana sahaja kita pergi, janganla...
61 comments
Read more

Apa itu Bahasa Melayu..??

B ahasa Melayu secara khusus ialah salah satu dialek daripada beratus dialek lain yang terdapat di Nusantara (alam Melayu). Pemilihan bahasa Melayu sebagai bahasa kebangsaan sama ada di Indonesia, Malaysia mahupun di Brunei bukanlah dibuat secara sewenang-wenangnya. Ia dipilih terutama faktor sejarahnya, iaitu bahasa yang sudah dikenali dan digunakan sejak zaman-berzaman. Kita beruntung kerana bahasa Melayu yang tumbuh di alam Melayu ini dapat berkembang subur seperti yang kita lihat sekarang. Walau bagaimanapun, bahasa Melayu tidaklah tumbuh dan berkembang begitu sahaja. Ia mengalami sejarah yang panjang yang perlu kita ketahui terutama oleh generasi muda. Sejarah bahasa bukan sahaja bertujuan merakam peristiwa yang berlaku terhadap bahasa itu sendiri tetapi juga perlu agar kita menghargai, menyayangi, memelihara, mengkaji, dan menggunakannya dengan baik dan sempurna. Buku Sejarah pertumbuhan bahasa Melayu ini cuba memaparkan secara sederhana pertumbuhan bahasa Melayu sejak awal...
Post a Comment
Read more

Biiznillah, dengan izin Allah..

"In The Name Of Allah, The Most Gracious, Most Merciful" Allahumma Solli 'Ala Saiyidina Muhamad, wa'ala Aali Saiyidina Muhamad. Assalamualaikum wbt. Biiznillah.. Biiznillah.. Biiznillah.. (dengan izin Allah) Ada   seorang hamba DIA.. sakit, lalu dia makan ubat. Akhirnya sembuh. Ada seorang hamba DIA.. sakit, lalu dia makan ubat. Tidak juga sembuh. Ada seorang hamba DIA.. belajar dengan tekun. Akhirnya dia lulus peperiksaan. Ada seorang hamba DIA.. belajar dengan tekun. Tidak juga lulus peperiksaan. Ada seorang hamba DIA.. berniaga dengan gigih. Akhirnya berjaya. Ada seorang hamba DIA.. berniaga dengan gigih. Tidak juga berjaya. Kata-kata di atas cuba sy pinjam daripada seorang budak tabligh yg pernah mendatangi sy suatu ketika dulu. Ia buat kita berfikir.. mengapa.. dengan ubat yg sama, dos yg sama tetapi tidak bisa menyembuhkan sakit dua orang berlainan. Atau mgkin juga pada org yg sama, pd masa yg lain. Melihat kpd sirah Nabi Ibrahim.. dibakar hidup-hidup d...
Post a Comment
Read more