hanuman6
6/28/2013 - 2:16 PM

contact form7の基本的なやつ

contact form7の基本的なやつ

.wpcf7 .wpcf7-response-output {
  margin: 60px 0 0;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  padding: 8px 35px 8px 14px;
}

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  padding: 8px 35px 8px 14px;
}

.wpcf7 span.wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  font-size: 10pt;
  width: 280px;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #B94A48;
}
<label for="name">Name</label>
[text* your-name id:name class:formText watermark "Taro Yamada"]

<label for="email">Email</label>
[email your-email id:email class:formText watermark "name@domain.com"]

<label for="message">Message</label>
[textarea your-message x6 id:formMessage watermark "Please fill in the message."]

[submit class:submit "Send Message"]