Dikkat

Artık daha güncel bir blog olacak !

  • Cem Karakurt
  • 18 Okunma
  • 10 Kasım 2013
  • 6

Blogger İletişim Formu Düzenleme

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 :

blogger iletişim formu

Aşağıda verdiğim kodda ” width:580px” değerini sitenize göre değiştiriniz.

Css Kodları :

 

.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}
  • 10 Kasım 2013 tarihinde yazıldı.
  • 6 yorum yapıldı.

Yorumlar (6 Yorum)

  • Nedim Yıldırım yazmış:

    Beklenen yazı geldi teşekkürler :D

  • Nuri yazmış:

    Aslında güzel bir kod iyi bir uyum olmamış butonla çizgi renkleri :( ama CSS hatasıda mevcut fakat herşeye ragmen güzel gözüküyor :D (Doğamda var hataları söylemek)

    • İsmail Cem yazmış:

      Kod biraz aceleye geldi.Hataları söylediğiniz için teşekkürler.En azından eski halinden daha güzel.Kodları paylaştım zaten isteyen değiştirebilir.

  • Hüseyin Tekin yazmış:

    Teşekkürler, blogger kullanmıyorum fakat kullanan arkadaşlara yardımcı olacaktır mutlaka.

  • Tolga Karakılıç yazmış:

    gerçekten çok güzel bir paylaşım yapmışsın bu kodu en kısa zamanda siteme eklemeyi düşünüyorum :)

  • Murat Dinç yazmış:

    Yoo bence gayet güzel olmuş eline sağlık ;)

Yazı hakkında görüşlerinizi belirtmek istermisiniz?