Tablo Kodları

Tabloların üzerinde oynama yapabilirsiniz

<table style="width: 167px; height: 294px" bordercolor="#000000" cellspacing="0" cellpadding="0" width="167" bgcolor="#000000" border="10"> <tbody> <tr bgcolor="#000000"> <td> <p class="smallfont" dir="ltr" style="margin-right: 0px" align="left"><strong><font color="#ff0000"> </font></strong> <table style="border-right: #ff66cc 8px dotted; border-top: #ff66cc 8px dotted; border-left: #ff66cc 8px dotted; width: 425px; border-bottom: #ff66cc 8px dotted; border-collapse: collapse; height: 295px" height="295" cellspacing="0" cellpadding="0" width="425" align="center" background="http://www.resimload.com/141212/pjm_anime00047.gif" border="0"> <tbody> <tr> <td width="223" height="3"><strong><font color="#ff0000">yazı 1</font></strong></td> <td width="220" height="3"><strong><font color="#ff0000">yazı 2</font></strong></td> <td width="10" height="3"><strong><font color="#ff0000"> </font></strong></td> </tr> <tr> <td width="123" height="60%"><strong><font color="#ff0000">yazı 3</font></strong></td> <td width="229" height="60%"> <div style="scrollbar-face-color: #ff66cc; left: 336px; float: right; overflow-x: hidden; overflow: scroll; width: 100px; scrollbar-3dlight-color: #ff99cc; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #ff99cc; height: 200px"> <p><font face=" Comic Sans Ms " color="#ff0000" size="1"><strong>yazı 4</strong></font></p> </div> </td> </tr> <tr> <td width="599" height="5"><strong><font color="#ff0000">yazı 5</font></strong></td> <td width="29" height="5"><strong><font color="#ff0000">yazı 6</font></strong></td> </tr> </tbody> </table> </p> </td> </tr> </tbody> </table>

<table border="10" width="835" height="80" id="myexample" style="border:5px solid green"> <tr> <td><br>YAZINIZI BURAYA YAZINIZ.YAZINIZI BURAYA YAZINIZ.YAZINIZI BURAYA YAZINIZ.YAZINIZI BURAYA YAZINIZ<br><br></td> </tr> </table> <script language="JavaScript1.2"> <!-- /* Flashing Table Border Script- © enigma1xx(www.enigma1xx.piczo.com) */ //configure interval btw flash (1000=1 second) var speed=500 function flashit(){ var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : "" if (crosstable){ if (crosstable.style.borderColor.indexOf("green")!=-1) crosstable.style.borderColor="red" else crosstable.style.borderColor="green" } } setInterval("flashit()", speed) //--> </script>  

 

<table cellspacing="3" cellpadding="5" width="400" border="3" align="center"> <tbody> <tr valign="top"> <td colspan="5"></td> <td bgcolor="#ffcccc" width="54"> </td> <td colspan="2"></td> </tr> <tr valign="top"> <td width="6"></td> <td bgcolor="#88bbbb" width="56"> </td> <td colspan="2"></td> <td bgcolor="#cc3333" colspan="2" rowspan="2"> <p><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF"><b><font color="#FFCFCE">DENEME <br> </font></b>Yazılarınızı buraya yazın ,Yazılarınızı buraya yazın Yazılarınızı buraya yazın </font></p> </td> <td bgcolor="#ddaaaa" width="3"> </td> <td></td> </tr> <tr valign="top"> <td bgcolor="#99cccc" width="6"> </td> <td bgcolor="#006666" colspan="2" rowspan="2"> <p><font face="Arial, Helvetica, sans-serif" size="2" color="#8CBABD"><b>DENEME <br> </b></font><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Yazılarınızı buraya yazın Yazılarınızı buraya yazın </font></p> </td> <td width="20"><img src="/images/23pixels.gif" _fcksavedurl="/images/23pixels.gif" width="50" height="5"></td> <td colspan="2" rowspan="2"> </td> </tr> <tr valign="top"> <td width="6"></td> <td bgcolor="#254D78" colspan="3" rowspan="3"> <p align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF" size="+3"><b><font size="+2">DENEME </font></b></font></p> <p align="center"><font face="Arial, Helvetica, sans-serif" size="3"><b><font color="#A5C5E2">Yazılarınızı buraya yazın </font></b></font></p> </td> </tr> <tr valign="top"> <td colspan="2"></td> <td bgcolor="#77aaaa" width="54"> </td> <td bgcolor="#B9D3EC" colspan="2" rowspan="2"> </td> </tr> <tr valign="top"> <td width="6"> </td> <td bgcolor="#FFCF63" colspan="2" rowspan="4"> <p><font face="Arial, Helvetica, sans-serif" size="2" color="#FFF4DF"><b><font color="#FFF5DF">DENEME </font><br> </b></font><font face="Arial, Helvetica, sans-serif" size="2">Yazılarınızı buraya yazın Yazılarınızı buraya yazın Yazılarınızı buraya yazın </font></p> </td> </tr> <tr valign="top"> <td bgcolor="#FFE3AD" width="6" rowspan="3"> </td> <td rowspan="3" width="20"> <p> </p> </td> <td width="10" bgcolor="#BDD3EF"></td> <td colspan="3" bgcolor="#357CC4" rowspan="3"><font face="Arial, Helvetica, sans-serif" size="2" color="#BDD3EF"><b>DENEME </b> </font><font face="Arial, Helvetica, sans-serif" size="2"><br> <font color="#FFFFFF">Yazılarınızı buraya yazın Yazılarınızı buraya yazın Yazılarınızı buraya yazın </font></font></td> </tr> <tr valign="top"> <td width="1" bgcolor="#BDD3EF"> </td> </tr> <tr valign="top"> <td width="1"> </td> </tr> </tbody> </table>

<table border="20" cellspacing="20" cellpadding="20"> <tr> <th><a href="1.LİNK BURAYA" _fcksavedurl="1.LİNK BURAYA" target="_top"><img src="1.RESİM BURAYA" _fcksavedurl="1.RESİM BURAYA" width="88" height="31" alt="Cool" /></a></th> <th><a href="2.LİNK BURAYA" _fcksavedurl="2.LİNK BURAYA" target="_top"><img src="2.RESİM BURAYA" _fcksavedurl="2.RESİM BURAYA" width="88" height="31" alt="Cool" /></a> </th> <th><a href="3.LİNK BURAYA" _fcksavedurl="3.LİNK BURAYA"><img width="88" height="31" src="3.RESİM BURAYA" _fcksavedurl="3.RESİM BURAYA" alt="COOL" border="0"></a></th> </tr> <tr> <td><a href="4.LİNK BURAYA" _fcksavedurl="4.LİNK BURAYA"><img width="88" height="31" src="4.RESİM BURAYA" _fcksavedurl="4.RESİM BURAYA" alt="COOL" border="0"></a></td> <td><A HREF="5.LİNK BURAYA" _fcksavedurl="5.LİNK BURAYA"> <IMG SRC="5.RESİM BURAYA" _fcksavedurl="5.RESİM BURAYA" WIDTH="88" HEIGHT="31" BORDER="0" ALT="COOL"></A></td> <td><a href="6.LİNK BURAYA" _fcksavedurl="6.LİNK BURAYA"><img src="6.RESİM BURAYA" _fcksavedurl="6.RESİM BURAYA" width="88" height="31" border="0"></a></td> </tr> <tr> <td><a href="7.LİNK BURAYA" _fcksavedurl="7.LİNK BURAYA"><img src="7.RESİM BURAYA" _fcksavedurl="7.RESİM BURAYA" width="88" height="31" border="0"></a> </td> <td><a href="8.LİNK BURAYA" _fcksavedurl="8.LİNK BURAYA"><img src="8.RESİM BURAYA" _fcksavedurl="8.RESİM BURAYA" width="88" height="31" border="0"></a></td> <td><A HREF="9.LİNK BURAYA" _fcksavedurl="9.LİNK BURAYA"><IMG SRC="9.RESİM BURAYA" _fcksavedurl="9.RESİM BURAYA" WIDTH="88" HEIGHT="31" BORDER="0" ALT="COOL"></A></td> </tr> </table>

<table border="15" cellpadding="30"> <tr> <th>DENEME</th> <th>DENEME</th> <th>DENEME</th> </tr> <tr> <td>DENEME</td> <td>DENEME</td> <td>DENEME</td> </tr> <tr> <td>DENEME</td> <td>DENEME</td> <td>DENEME</td> </tr> </table>

<TABLE BORDER="3" CELLSPACING="20" CELLPADDING="20"> <TR> <TD BGCOLOR="#ffff00">DENEME-DENEME <TD BGCOLOR="#00ff00">DENEME </TD></TD></TR> <TR> <TD BGCOLOR="#ff00ff">DENEME <TD BGCOLOR="00ffff">DENEME </TD> </TD></TR> </TABLE>

<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="10"> <TD> <TABLE BORDER="3" CELLPADDING="3" CELLSPACING="3"> <TD><img src="RESİM URL Sİ BURAYA" _fcksavedurl="RESİM URL Sİ BURAYA" width="160" height="180" alt="Cool" /></a></TD> <TD>DENEME</TD> <TR> <TD>DENEME</TD> <TD><img src="RESİM URL Sİ BURAYA" _fcksavedurl="RESİM URL Sİ BURAYA" width="160" height="180" alt="Cool" /></a></TD> </TR> </TABLE> </TD> <TD> Yan tarafa resim koyup burayada acıklama yapabilirsiniz.Yan tarafa resim koyup burayada acıklama yapabilirsiniz</TD> </TABLE>

Tek kutu:

<html> <body> <h4>Tek kutu:</h4> <table border="1"> <tr> <td>DENEME</td> </tr> </table>

Uc kutu:

<h4>Uc kutu:</h4> <table border="1"> <tr> <td>DENEME</td> <td>DENEME</td> <td>DENEME</td> </tr> </table>

Iki satir alti kutu:

 

<h4>Iki satir alti kutu:</h4> <table border="1"> <tr> <td>DENEME</td> <td>DENEME</td> <td>DENEME</td> </tr> <tr> <td>DENEME</td> <td>DENEME</td> <td>DENEME</td> </tr> </table> <p> </p> </body> </html>

<table width="425" border="0" cellspacing="0" cellpadding="2" align="center" height="110"> <tr valign="middle"> <td bgcolor="#000066" width="120" height="20"> <div align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">BASLIK </font></b></font> </div> </td> <td width="4" height="20"></td> <td bgcolor="#990000" width="120" height="20"> <div align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">BASLIK</font></b></font></div> </td> <td width="4" height="20"></td> <td bgcolor="#C89800" width="120" height="20"> <div align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">BASLIK</font></b></font> </div> </td> </tr> <tr valign="top"> <td bgcolor="#000066" width="120"> <table width="100%" border="0" cellspacing="0" cellpadding="3" height="80"> <tr bgcolor="#FFFFFF" valign="top"> <td> <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Yazılarınızı bu alan yazın,Yazılarınızı bu alan yazın ,Yazılarınızı bu alan yazın.Yazılarınızı bu alan yazın.Yazılarınızı bu alan yazın,Yazılarınızı bu alan yazın ,Yazılarınızı bu alan yazın.Yazılarınızı bu alan yazın. </font></p> </td> </tr> </table> </td> <td width="4"></td> <td bgcolor="#990000" width="120"> <table width="100%" border="0" cellspacing="0" cellpadding="3" height="80"> <tr bgcolor="#FFFFFF" valign="top"> <td> <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><img src="RESİM URL Sİ BURAYA" _fcksavedurl="RESİM URL Sİ BURAYA" width="160" height="180" alt="Cool" /></a> </font></p> </td> </tr> </table> </td> <td width="4"></td> <td bgcolor="#C89800" width="120"> <table width="100%" border="0" cellspacing="0" cellpadding="3" height="80"> <tr bgcolor="#FFFFFF" valign="top"> <td> <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Yazılarınızı bu alan yazın,Yazılarınızı bu alan yazın ,Yazılarınızı bu alan yazın.Yazılarınızı bu alan yazın.Yazılarınızı bu alan yazın,Yazılarınızı bu alan yazın ,Yazılarınızı bu alan yazın.Yazılarınızı bu alan yazın.. </font></p> </td> </tr> </table> </td> </tr> </table>

 

<table border="4"> <tr> <th>BASLIGINIZI BURAYA YAZIN </th> </tr> <tr> <td>Bu alanada istediginiz uzunlukta yazı yazabilrsiniz.Bu alanada istediginiz uzunlukta yazı yazabilrsiniz.Bu alanada istediginiz uzunlukta yazı yazabilrsiniz. Bu alanada istediginiz uzunlukta yazı yazabilrsiniz.Bu alanada istediginiz uzunlukta yazı yazabilrsiniz.Bu alanada istediginiz uzunlukta yazı yazabilrsiniz.</td> </tr> </table>

<table border="4"> <tr> <th>BASLIGINIZI BURAYA YAZIN </th> </tr> <tr> <td>Bu alanada istediginiz uzunlukta yazabilrsiniz. Bu alanada istediginiz uzunlukta yazabilrsiniz.Bu alanada istediginiz uzunlukta yazabilrsiniz.Bu alanada istediginiz uzunlukta yazabilrsiniz.Bu alanada istediginiz uzunlukta yazabilrsiniz.</td> </tr> <tr> <td>Bu alanada istediginiz uzunlukta yazabilrsiniz.Bu alanada istediginiz uzunlukta yazabilrsiniz.Bu alanada istediginiz uzunlukta yazabilrsiniz.</td> </tr> <tr> <td>Bu alanada istediginiz uzunlukta yazabilrsiniz.Bu alanada istediginiz uzunlukta yazabilrsiniz.</td> </tr> </table>

<DIV style="BORDER-RIGHT: black 10px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 10px solid; PADDING-LEFT: 10px; BACKGROUND: gold; PADDING-BOTTOM: 10px; MARGIN: 20px; BORDER-LEFT: black 10px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: black 10px solid"> <P style="BACKGROUND: orange">İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz. </P></DIV>

<DIV style="BORDER-RIGHT: royalblue 10px solid; PADDING-RIGHT: 10px; BORDER-TOP: royalblue 10px solid; PADDING-LEFT: 10px; BACKGROUND: sandybrown; PADDING-BOTTOM: 10px; MARGIN: 20px; BORDER-LEFT: royalblue 10px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: royalblue 10px solid"> <P style="BACKGROUND: yellow">İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz. </P></DIV>

<DIV style="BORDER-RIGHT: khaki 10px solid; PADDING-RIGHT: 10px; BORDER-TOP: khaki 10px solid; PADDING-LEFT: 10px; BACKGROUND: greenyellow; PADDING-BOTTOM: 10px; MARGIN: 20px; BORDER-LEFT: khaki 10px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: khaki 10px solid"> <P style="BACKGROUND: lightcyan">İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz. </P></DIV>

<DIV style="BORDER-RIGHT: red 5px solid; PADDING-RIGHT: 5px; BORDER-TOP: blue 10px solid; PADDING-LEFT: 5px; BACKGROUND: greenyellow; PADDING-BOTTOM: 10px; MARGIN: 20px; BORDER-LEFT: red 5px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: blue 10px solid"> <P style="BACKGROUND: lightcyan">İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz. </P></DIV>

<DIV style="BORDER-RIGHT: yellow 10px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 5px solid; PADDING-LEFT: 5px; BACKGROUND: greenyellow; PADDING-BOTTOM: 10px; MARGIN: 20px; BORDER-LEFT: yellow 10px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: red 5px solid"> <P style="BACKGROUND: greenyellow">İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz.İstedigin yazıyı buraya yaz. </P></DIV>

 

forumarsiviz.tr.gg

forumarsiviz.tr.gg

forumarsiviz.tr.gg

 

<p align="center"> <table cellspacing="0" cellpadding="0" width="200" border="0"> <tbody> <tr> <td> <table style="width: 144px; height: 170px" bordercolor="#66ccff" height="170" width="144" align="center" bgcolor="#000000" border="5"> <tbody> <tr> <td width="144" background="" height="150"><font color="#ffffff" size="3"><strong>  <p align="center"><a href="http://resmelinkver.tr.gg" _fcksavedurl="http://resmelinkver.tr.gg"><img alt="" border="0" src="http://www.animated-gifs.eu/website-arrows-4/0052.gif" _fcksavedurl="http://www.animated-gifs.eu/website-arrows-4/0052.gif" /></a></p> <br /> <strong>forumarsiviz.tr.gg</strong></strong></font></td> </tr> </tbody> </table> </td> <td> </td> <td> <table style="width: 144px; height: 170px" bordercolor="#ff0099" height="170" width="144" align="center" bgcolor="#000000" border="5"> <tbody> <tr> <td width="144" background="" height="150"><font size="3">  <p align="center"><a href="http://resmelinkver.tr.gg" _fcksavedurl="http://resmelinkver.tr.gg"><img alt="" border="0" src="http://www.animated-gifs.eu/website-arrows-4/0052.gif" _fcksavedurl="http://www.animated-gifs.eu/website-arrows-4/0052.gif" /></a></p> <br /> <strong><font color="#ffffff">forumarsiviz.tr.gg</font></strong></font></td> </tr> </tbody> </table> </td> <td> </td> <td> <table style="width: 144px; height: 170px" bordercolor="#33ff33" height="170" width="144" align="center" bgcolor="#000000" border="5"> <tbody> <tr> <td width="144" background="" height="150"><font size="3">  <p align="center"><a href="http://resmelinkver.tr.gg" _fcksavedurl="http://resmelinkver.tr.gg"><img alt="" border="0" src="http://www.animated-gifs.eu/website-arrows-4/0052.gif" _fcksavedurl="http://www.animated-gifs.eu/website-arrows-4/0052.gif" /></a></p> <br /> <strong><font color="#ffffff">forumarsiviz.tr.gg</font></strong></font></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </p>

Tablo kendi yapımımdır tablonun renkleri ile oynayabilirsiniz tabloyu genişletmek size kalmış içindeki yazıları kaydırabilir veya farklı yazı efektleri uygulayabilirsiniz. ok işaretinin yerine resim ve benzeri eklentiler ekleyebilirsiniz.Resme link verilmiştir. Tablo ön izlmesindeki site adresinin yazılıgı oldugu yere tabloda link verilmemiştir