commentbg

Ders 1

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: https://img.webme.com/pic/u/ulugturken/formbg.png)
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

Uyarı: (border: 1px dashed red) burdaki koddaki "dashed" form'u kare kare yapar.Siz bunun yerine "dotted,double,groove" vb. kullanabilirsiniz..