Formları Şekillendirmek [ Tr.Gg De İlk Defa ]
Merhabalar bu gördüğünüz paylaşımı daha önce hiç kimse paylaşmadı arkadaş...ilk önce buton ve text alanlarını değiştirelim...
Formlarda input diye geçer...
öncelikle takip ediniz...
| Kod: |
input { padding: 1px; margin-right: 1px; background-image: url(Arka plan resmi); border: 1px dashed #000000; color: #000000; } |
kodumuz bu.bu kodda neler olacak.
bende aynen böle oldu.Şimdi özellikleri ile oyanalım.( No: O mavi alan bende resimdir.Sizde ne resim eklerseniz öle olur....)
İlk mnce arka plan resimlerini değiştirebilirsiniz...
border: 1px dashed #000000;
border o noktalı alandır...
1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...
Bunları değiştirerek güzel şeyler çıkabilirsiniz...
Şimdi textarea kısmını şekillendirecez...Textarea çok metin alanıdır...
| Kod: |
| textarea { color: #000000; padding: 1px; background:#FFF url(Arka plan resmi) no-repeat; border: 1px dashed #000000; margin-right: 1px; } |
İşte burda da yukarıda gösterdiğim işmeleri aynı şekilde yapacaksınız...
1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...
Örnek görüntü:
Gördüğünüz gibi böle olacaktır.Şimdi genel Formlarımın arka kısımlarına resim ekleyebileceğiz...
Örnek: yukarıdaki resimde...Ayrıca ziyaretci defterinden bir görüntü:
gördüğünüz gibi böle yapmak içinde
form katmanını kullancağız...
| Kod: |
| form { color: #000000; background:#FFF url(Arka Plan Resmi) no-repeat ; padding: 1px; border: 1px dashed #DBDBDB; margin-right: 1px; } |
1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...
burda da böle aynı işlemleri uyguluyoruz...
input, textarea, form bunları kullandık ve gerçekten başarılı işler yaptık.