Widget:Contactform: Unterschied zwischen den Versionen

Aus PUBLIC DOMAIN PROJEKT
Wechseln zu: Navigation, Suche
(widget source besser formatiert.)
Zeile 12: Zeile 12:
  
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 
+
<style type="text/css"> <!-- #contactus .short_explanation {font-family:Arial, sans-serif;font-size: 0.6em;color:#333;}
<style type="text/css"> <!-- #contactus .short_explanation {   font-family : Arial, sans-serif;   font-size: 0.6em;   color:#333;   } #contactus fieldset {   width:320px;   padding:20px;   border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;   } #contactus legend, h1, h2 {   font-family : Arial, sans-serif;                                                                                                                                             font-size: 1.3em;                                                                                                                                                             font-weight:bold;                                                                                                                                                             color:#333;                                                                                                                                                               }                                                                                                                                                                                                                                                                                                                                                           #contactus label                                                                                                                                                             {                                                                                                                                                                               font-family : Arial, sans-serif;                                                                                                                                             font-size:0.8em;                                                                                                                                                             font-weight: bold; } #contactus input[type="text"],textarea { font-family : Arial, Verdana, sans-serif; font-size: 0.8em; line-height:140%; color : #000;   padding : 3px;   border : 1px solid #999;    -moz-border-radius: 5px;   -webkit-border-radius: 5px;   -khtml-border-radius: 5px;   border-radius: 5px; } #contactus input[type="text"] { height:18px;  width:220px;    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;     } #contactus input[type="submit"] {   width:100px;  height:30px;  padding-left:0px;    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;   } #contactus textarea { height:120px;  width:310px;  -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px; } #contactus input[type="text"]:focus,textarea:focus { color : #009;  border : 1px solid #990000;  background-color : #ffff99;  font-weight:bold; } #contactus .container {   margin-top:8px;  margin-bottom: 10px; } -->     </style> <!-- Form Code Start --> <form id='contactus' action="http://publicdomainproject.org/form-mailer.php" method='post' accept-charset='UTF-8'> <fieldset >
+
#contactus fieldset {width:320px;padding:20px;border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
 
+
#contactus legend, h1, h2 {font-family : Arial,sans-serif;font-size:1.3em;font-weight:bold;color:#333;}
<legend>Contact us</legend> <!-- The following line specified which fields are required. List field names EXACTLY as they are named in the form. --> <input type="hidden" name="required" value="name,email,message" />  <div class='short_explanation'>* required fields</div> <div class='container'>   <label for='name' >Your Full Name*: </label><br/>   <input type='text' name='name' id='name' maxlength="50" /><br/> </div> <div class='container'>   <label for='company' >Company Name: </label><br/>
+
#contactus label{font-family : Arial,sans-serif;font-size:0.8em;font-weight: bold;}
 
+
#contactus input[type="text"],textarea {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; line-height: 140%; color: #000; padding: 3px; border: 1px solid #999;    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
<input type='text' name='company' id='company' maxlength="50" /><br/> </div> <div class='container'>   <label for='email' >Email Address*:</label><br/>   <input type='text' name='email' id='email' maxlength="50" /><br/> </div> <div class='container'>   <label for='phone' >Phone Number:</label><br/>   <input type='text' name='phone' id='phone' maxlength="50" /><br/> </div>
+
#contactus input[type="text"] {height:18px;  width:220px;    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
 
+
#contactus input[type="submit"] {width:100px;  height:30px;  padding-left:0px;    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
<div class='container'>   <label for='message' >Message:</label><br/>   <span id='contactus_message_errorloc' class='error'></span>    <textarea rows="10" cols="50" name='message' id='message'> </textarea> </div>   <div class='container'>   <input type='submit' name='Submit' value='Submit' /> </div>
+
#contactus textarea {height:120px;  width:310px;  -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px;}
 
+
#contactus input[type="text"]:focus,textarea:focus {color : #009;  border : 1px solid #990000;  background-color : #ffff99;  font-weight:bold;}
</fieldset> </form>
+
#contactus .container {margin-top:8px;  margin-bottom: 10px; } --></style>
 
+
<!-- Form Code Start --> <form id='contactus' action="http://publicdomainproject.org/form-mailer.php" method='post' accept-charset='UTF-8'>  
</includeonly>
+
<fieldset ><legend>Contact us</legend> <!-- The following line specified which fields are required. List field names EXACTLY as they are named in the form. -->  
 +
<input type="hidden" name="required" value="name,email,message" />  <div class='short_explanation'>* required fields</div>
 +
<div class='container'><label for='name' >Your Full Name*: </label><br/><input type='text' name='name' id='name' maxlength="50" /><br/> </div>
 +
<div class='container'><label for='company' >Company Name: </label><br/><input type='text' name='company' id='company' maxlength="50" /><br/> </div>
 +
<div class='container'><label for='email' >Email Address*:</label><br/><input type='text' name='email' id='email' maxlength="50" /><br/> </div>
 +
<div class='container'><label for='phone' >Phone Number:</label><br/><input type='text' name='phone' id='phone' maxlength="50" /><br/> </div>
 +
<div class='container'><label for='message' >Message:</label><br/> <span id='contactus_message_errorloc' class='error'></span>    <textarea rows="10" cols="50" name='message' id='message'> </textarea> </div>
 +
<div class='container'><input type='submit' name='Submit' value='Submit' /> </div></fieldset> </form></includeonly>

Version vom 6. Mai 2012, 00:03 Uhr

This widget shows the contactform, to write messages to the project leaders/administators

Created by user:nuess0r

Using this widget

 {{#widget:Contactform}}

Example

Contact us
* required fields