wordpress ile tablo olusturmak ve bilgiler girmek

Merhaba



Ôrnekdeki gibi wordpress de sayfa olusturup tablo yapmaya calisiyorum ama yapamadim elinde hazir tablo tasarimi olan varmi acaba?

Ona benzer tasarım olacağını sanmıyorum sizin için html-css olarak bir tane yaptım boyut, renk gibi geri kalanları siz düzenlersiniz..
Html kodları.

<div class="tablom">
<div class="tablom_resim">
<a href="#"><img src="resim.jpg" alt="resim" /><h4>Başlık</h4></a>
</div>

<table>
<tr><th>25</th><th>50</th><th>100</th></tr>
</table>

<ul>
<li>Buraya yazı gelecek</li>
<li>Buraya yazı gelecek</li>
<li>Buraya yazı gelecek</li>
<li>Buraya yazı gelecek</li>
<li>Buraya yazı gelecek</li>
<li>Buraya yazı gelecek</li>
</ul>

<a class="tablom_linkgit" href="#">Git Git</a>        

</div>

Css kodları.

.tablom {width:600px; font: arial; clear:both; padding-top:10px; border-top: 1px dotted #f00000;}
.tablom a{text-decoration:none;}
.tablom_resim{ width:170px; float:left; padding-right:10x;}
.tablom_resim a img {border:none; width:160px; height:120px;}
.tablom_resim h4{text-align:center; color:#444; font-size:14px; }
.tablom table {border:2px solid #000; }
.tablom table tr th {width:160px; height:35px; border-right:1px solid #000;}
.tablom ul {float:left;}
.tablom ul li{list-style-type: none; background: url(tamlomli.png) no-repeat; margin: 0 0 0 0;  padding: 0 0 4px 28px; line-height: 1.5em;}
.tablom_linkgit {margin:20px 0 0 0; float:right; border: 0; padding:10px; background: #3B3B3B; color: #FFF; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px;  
}

Ekran çıktısı : http://u1312.hizliresim.com/1j/d/vgd6c.jpg

Kolay gelsin..

Tesekür ederim ustam

Rica ederim...