Dün wordpress contact form 7 düzenleme kodlarını paylaşmıştım.Bir webmaster arkadaşımız yorum olarak blogger iletişim formu için olanını istedi.Bende yapmaya başladım.Çok profesyonel değil ama klasik halinden daha hoş.Biraz daha uğraşılırsa daha hoş gözükecektir.
Not : Bu kod bloggerda iletişim formu eklentisini düzenleme kodudur.
Demo Resim :
Aşağıda verdiğim kodda ” width:580px” değerini sitenize göre değiştiriniz.
Css Kodları :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
.contact-form-widget{width:580px;max-width:300%;padding:10px outline:none; border: 3px solid #E0E0E0; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .contact-form-name,.contact-form-email,.contact-form-email-message{max-width:580px; outline:none; border: 1px dashed #7f003f; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .contact-form-button-submit{width:200px;height:28px;dashed #f71111;background:url(https://m1311.hizliresim.com/1h/9/ud6hm.jpg) ; border: 1px solid #888;} #ContactForm1_contact-form-email-message{width:580px;border-radius:4px;margin-bottom:10px;padding:15px 10px 15px 5px} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:580px;height:30px;border-radius:4px;margin-bottom:10px;padding-left:5px} |