5 April 2013

Letak Jquery Accordion Tab Menu




1. Log in dulu..
2. Pergi ke Dashboard - Reka Letak - Tambah alat/add HTML - Pilih HTML/JavaScript
3. Copy kod di bawah..
<style type="text/css">
.accTab {width: 196px;padding: 1px;}.accTab2 {padding:3px;display:block;height:16px;width:196px;background:#fff;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;overflow:hidden;}.accTab2:hover {height: 214px;}tfqh01{font-family:Ankesans;padding-top:1px;font-size:12px;color:#ffffff;text-align:center;text-transform :uppercase;background: #FF587F;
letter-spacing:2px;height:15px;display:block;-moz-transition: 0.5s;-webkit-transition: 0.5s;}</style><br />
<div class="accTab">
<div class="accTab2">
<div style="text-align: center;">
<tfqh01>Nama Tab Menu</tfqh01>
</div>
<div style="font-family: 'Short Stack'; font-size: 11px;">
</div>
<br />
Ayat/ Kod/ Apa-apa sahaja</div>
</div>
<div class="accTab">
<div class="accTab2">
<div style="text-align: center;">
<tfqh01>Nama Tab Menu</tfqh01></div>
<div style="font: 12px short stack; height: 420px; margin-top: 2px; overflow: auto;">
<div style="text-align: center;">
Ayat/ Kod/ Apa-apa sahaja</div>
</div>
</div>
</div>
<div class="accTab">
<div class="accTab2">
<div style="text-align: center;">
<tfqh01>Nama Tab Menu</tfqh01></div>
<div style="font: 12px Short stack; height: 224px; margin-top: 2px; overflow: auto;">
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #444444; font-family: Ankesans, Ankesans, monospace; font-size: 15px; line-height: 21px;"><br /></span></div>
Ayat/ Kod/ Apa-apa sahaja</div>
</div>
</div>
<div class="accTab">
<div class="accTab2">
<div style="text-align: center;">
<tfqh01>Nama Tab Menu</tfqh01></div>
<div style="font: 12px Short stack; height: 130px; margin-top: 2px; overflow: auto;">
<div style="text-align: center;">
Ayat/ Kod/ Apa-apa sahaja<br />
EXTRAS

AA| NAMA TAB MENU. CTH: LET'S EXCHANGE!
AAA | AYAT/ KOD/ APA-APA SAJA!

Tiada ulasan:

Related Posts Plugin for WordPress, Blogger...