E-AntraX - Güncel WebMaster Platformu

Yorum Kısmını Şekillendirmek

Yorum Kısmını Şekillendirmek

1.Adım: Öncelikle yorumların sitemizdeki kodu bu şekildedir;
<form method="POST" action="index.htm#comment">
<table>
<tbody>
<tr style="text-align: left;"><td>İsminiz:</td><td><input type="text" style="width: 150px;" name="modulenter[name]" value=""/></td></tr>
<tr style="text-align: left;"><td>E-mail adresiniz:</td><td><input type="text" style="width: 150px;" name="modulenter[email]" value=""/></td></tr>
<tr style="text-align: left;"><td>Siteniz:</td><td><input type="text" style="width: 150px;" name="modulenter[url2]" value=""/></td></tr>
<tr style="text-align: left;"><td>Mesajın:</td><td><textarea style="width: 250px; height: 100px;" rows="" name="modulenter[text]" id="kommentartext"/></td></tr>
</tbody>
</table>
</form>

2.Adım: Biz burdaki "form"u şekillendirecez...(Bir arkaplan resmi hazırlamamız gerekir.Benim kullandığım: http://img16.imageshack.us/img16/894/yorumkis.gif)
Bunu için bir css kodu hazırlayalım;

form {
background: url(ArkaplanResimUrl'si) no-repeat ;
padding: 1px;
border: 1px dashed red;
margin-right: 1px}

Bu kodu css kısmına yapıştıralım ve bakalım ne olucak

 
Bizimki  bur resim

Not:Resim küçültülmüştür...
Tam Boyut: http://img16.imageshack.us/img16/894/yorumkis.gif