× İletişim Formu Blogger İletişim Sayfası Widget Oluşturma Arlina Design 5/06/2017 Etiketler : Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body { font-family: 'Fira Sans Condensed', sans-serif; margin: 20px auto; } #comments, .post_meta, #blog-pager { display: none } form { color: #666 } #kontak-bloggereklentileri { margin:0 auto; max-width: 500px } #ContactForm1_contact-form-name, #ContactForm1_contact-form-email { font-family: 'Fira Sans Condensed', sans-serif; height: auto; margin: 5px auto; padding: 15px 12px; background: #fff; color: #444; border: 1px solid rgba(0, 0, 0, .14); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 3px; width: 100%; min-width: 100%; transition: all 0.5s ease-out } #ContactForm1_contact-form-email-message { font-family: 'Fira Sans Condensed', sans-serif; width: 100%; height: 175px; margin: 5px 0; padding: 15px 12px; background: #fff; color: #444; border: 1px solid rgba(0, 0, 0, .14); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 3px; resize: none; transition: all 0.5s ease-out } #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus { outline: none; background: #fff; color: #444; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) } #ContactForm1_contact-form-submit { font-family: 'Fira Sans Condensed', sans-serif; float: left; background: #34495e; margin: auto; vertical-align: middle; cursor: pointer; padding: 12px 20px; font-size: 14px; text-align: center; letter-spacing: .5px; border: 0; width: 100%; max-width: 140px; border-radius: 3px; color: #fff; font-weight: 500; transition: all .8s ease } #ContactForm1_contact-form-submit:hover { background: #3498db; color: #fff; } #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message { width: 100%; margin-top: 35px } .contact-form-error-message-with-border { background: #f6f6f6; border: none; box-shadow: none; color: #444; padding: 5px 0 } .contact-form-success-message { background: #4fc3f7; border: none; box-shadow: none; color: #fff } img.contact-form-cross { line-height: 40px; margin-left: 5px } .post-body input { width: initial } @media only screen and (max-width: 640px) { #ContactForm1_contact-form-name, #ContactForm1_contact-form-email, #ContactForm1_contact-form-submit { width: 100%; } } </style> </head> <body> <form id="kontak-bloggereklentileri" name="contact-form"> <input id="ContactForm1_contact-form-name" name="name" placeholder="Adınız *" size="30" type="text" value="" /> <input id="ContactForm1_contact-form-email" name="email" placeholder="E-posta adresiniz *" size="30" type="text" value="" /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Mesajınız *" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Gönder" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"> </div> <div id="ContactForm1_contact-form-success-message"> </div> </div> </form> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger İletişim Sayfası Widget Oluşturma" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger İletişim Sayfası Widget Oluşturma Arlina Design 5/06/2017 Etiketler : Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body { font-family: 'Fira Sans Condensed', sans-serif; margin: 20px auto; } #comments, .post_meta, #blog-pager { display: none } form { color: #666 } #kontak-bloggereklentileri { margin:0 auto; max-width: 500px } #ContactForm1_contact-form-name, #ContactForm1_contact-form-email { font-family: 'Fira Sans Condensed', sans-serif; height: auto; margin: 5px auto; padding: 15px 12px; background: #fff; color: #444; border: 1px solid rgba(0, 0, 0, .14); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 3px; width: 100%; min-width: 100%; transition: all 0.5s ease-out } #ContactForm1_contact-form-email-message { font-family: 'Fira Sans Condensed', sans-serif; width: 100%; height: 175px; margin: 5px 0; padding: 15px 12px; background: #fff; color: #444; border: 1px solid rgba(0, 0, 0, .14); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 3px; resize: none; transition: all 0.5s ease-out } #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus { outline: none; background: #fff; color: #444; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) } #ContactForm1_contact-form-submit { font-family: 'Fira Sans Condensed', sans-serif; float: left; background: #34495e; margin: auto; vertical-align: middle; cursor: pointer; padding: 12px 20px; font-size: 14px; text-align: center; letter-spacing: .5px; border: 0; width: 100%; max-width: 140px; border-radius: 3px; color: #fff; font-weight: 500; transition: all .8s ease } #ContactForm1_contact-form-submit:hover { background: #3498db; color: #fff; } #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message { width: 100%; margin-top: 35px } .contact-form-error-message-with-border { background: #f6f6f6; border: none; box-shadow: none; color: #444; padding: 5px 0 } .contact-form-success-message { background: #4fc3f7; border: none; box-shadow: none; color: #fff } img.contact-form-cross { line-height: 40px; margin-left: 5px } .post-body input { width: initial } @media only screen and (max-width: 640px) { #ContactForm1_contact-form-name, #ContactForm1_contact-form-email, #ContactForm1_contact-form-submit { width: 100%; } } </style> </head> <body> <form id="kontak-bloggereklentileri" name="contact-form"> <input id="ContactForm1_contact-form-name" name="name" placeholder="Adınız *" size="30" type="text" value="" /> <input id="ContactForm1_contact-form-email" name="email" placeholder="E-posta adresiniz *" size="30" type="text" value="" /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Mesajınız *" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Gönder" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"> </div> <div id="ContactForm1_contact-form-success-message"> </div> </div> </form> </body> </html>
Yorum Gönder