Widget:Contactform: Unterschied zwischen den Versionen
Aus PUBLIC DOMAIN PROJEKT
(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 { | + | #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> | + | #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'> | + | #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'> | + | #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 5. Mai 2012, 23: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