<img src="//nojsim.images.xtstatic.com/tp.gif" alt="" />
<img src="//cim.images.xtstatic.com/tp.gif" alt="" />
Lamborghini Huracán LP 610-4 t
TABLE kolom 2
Nama
LINK
My XTgem
Masuk
ARIT - WAPSITE
Masuk
<style> table { widht: 50%; border: 0px none; } th { background-color: orange; color: #aaa; font-weight: bold; } td { border: 0px solid none; } </style><table> <tr> <th> Nama </th> <th> LINK</th> </tr> <tr> <td>My XTgem </td> <td><a href="http://xtgem.com">Masuk</a></td> </tr> <tr> <td>ARIT - WAPSITE</td> <td><a href="http://arit.wapsite.me/halaman/wapmaster/html/design_table.html">Masuk</a></td> </tr> </table>
Table kolom 3
Nama
LINK
Tanggal
My XTgem
Masuk
22 juni 2012
ARIT - WAPSITE
Masuk
25 juni 2012
<style> table { widht: 100%; border: 0px none; } th { background-color: orange; color: #aaa; font-weight: bold; } td { border: 0px solid none; } </style><table> <tr> <th> Nama </th> <th> LINK</th> <th> Tanggal</th> </tr> <tr> <td>My XTgem </td> <td><a href="http://xtgem.com">Masuk</a></td> <td> 22 juni 2012</td> </tr> <tr> <td>ARIT - WAPSITE</td> <td><a href="http://arit.wapsite.me/halaman/wapmaster/html/design_table.html"> Masuk </a></td> <td> 25 juni 2012</td> </tr> </table>
TABLE Tabs
Tab 1
Tab 2
halaman 1
halaman 2
<style type="text/css"> table, td, th { border: 1px solid green;} th {background-color: green;color: white;} #tabs {display: block;float: left;width: 160px;} /*** CSS tabs original script SITE: www.arit.wapsite.me by. Arit NUANSA PAGI ***/ .panel {border: solid 1px #D8D8D8;border-top: none;background-color: #FFFFFF;padding: 0px;width: 158px;overflow: auto;clear: left;} .tab_bdr{padding: 0px;width: 158px;border: 0px;border: 1px solid #645DB5;height: 4px;margin:0px;background: #645DB5;clear: left;font-size: 0px;} .tab{font-family:tahoma; FONT-SIZE: 11px;background:#BA0808;color:#FFFFFF;cursor:pointer;border:none;border-bottom: 1px solid #FFFFFF;height:19px;padding-top:3px;margin:0px;width:60px; float:left; text-decoration:none;} .tab_sel{font-family:tahoma; FONT-SIZE: 11px;background:#645DB5;color:#FFFFFF;cursor:pointer;border:none;border-bottom:1px solid #645DB5;height:19px;padding-top:3px;margin:0px;width:60px; float:left; text-decoration:none;} </style> <script language="JavaScript" type="text/javascript"> var panels = new Array('panel1', 'panel2'); /*** JAVASCRIPT tabs original script SITE: www.arit.wapsite.me by. Arit NUANSA PAGI ***/ var tabs = new Array('tab1', 'tab2'); function displayPanel(nval) { for(i = 0; i < panels.length; i++) { document.getElementById(panels[i]).style.display = (nval-1 == i) ? 'block':'none'; document.getElementById(tabs[i]).className=(nval-1 == i) ? 'tab_sel':'tab'; } } </script> <div id="tabs"><div id="tab1" class="tab_sel" align="center" onClick="javascript: displayPanel('1');">Tab 1</div><div id="tab2" class="tab" style="margin-left: 1px;" align="center" onClick="javascript: displayPanel('2');">Tab 2</div> </div> <div class="tab_bdr"></div> <div class="panel" id="panel1" style="display: block;"><ins>halaman 1</ins> <br/><img style="width: 150px; height: auto; margin: 5px; padding: 5px; border: 1px solid black;" alt="anjing_pinterr" src="/images/anjing_unik.jpg"> </div><div class="panel" id="panel2" style="display: none;"><ins>halaman 2</ins> <br/><img style="width: 150px; height: auto; margin: 5px; padding: 5px; border: 1px solid black;" alt="ular_berbisaa" src="/images/ular_berbisa.jpg"> </div>
Log in
