Kullanici Paneli
Uye Ol
Sifremi Unuttum

Tasarımın ve içeriğin (ç)alınması kesinlikle yasaktır bir başka sitelerde veya kişilerde görürsek her türlü şikayet talebinde bulunulcaktır...

Elveda Bedava-sitem...

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.

1 ziyaretçi


Web sitemize ait olan materyaller izinsiz kullanılamaz
© 2008-2017 tasarimci-amca2.tr.gg
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=