Renkli Hazır HTML Tablo Kodu

   Blog yazılarınız içerisinde kullanılabilecek HTML / CSS kodları ile yazılmış küçük ama özelliği kullanımı kolaydır.Tabloyu kullanacağınız zaman "HTML" kısmına tıklayarak kodu yapıştırıp düzenledikten sonra yazıya "OLUŞTUR" KISMINDAN DEVAM EDİN.

<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Brent Graham | http://etralibela-61.blogspot.com/ */

function colorRows() {
var myTR = document.getElementsByTagName('tr');
for (var i=0;i<myTR.length;i++) {
if (i%2) {
myTR[i].className = 'rowTint';
}
}
}


// Multiple onload function created by: Simon Willison
// http://etralibela-61.blogspot.com/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}


addLoadEvent(function() {
colorRows();
});
</script>

<style>
.rowTint {
color: #000;
background: #fffaca;
}
</style>


<table cellpadding="5">
<tr>
<th>Name</th><th>Ext.</th><th>Start date</th>
</tr><tr>
<td>Bloggs, Fred</td><td>1353</td><td>08/18/2003</td>
</tr><tr>
<td>Turvey, Kevin</td><td>2342</td><td>02/05/1979</td>
</tr><tr>
<td>Mbogo, Arnold</td><td>2755</td><td>09/08/1998</td>
</tr><tr>
<td>Shakespeare, Bill</td><td>3211</td><td>12/11/1961</td>
</tr><tr>
<td>Fitz, Marvin</td><td>5554</td><td>05/22/1995</td>
</tr>
</table>

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!