Hi, Today I will Be Introducing a new form box that if you put a form in it your form with be styled automatically!
All you have to do is put this code in the html widget and add you form in the spot where it says
<!--
<style type="text/css">
.white_content_2 {display: none;position: fixed;top: 7%;right:45%;padding: 16px;background-color: white;z-index:2002; border-radius:7px; -o-border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;overflow:auto;box-shadow:0px 0px 15px black;/*CSS3 shadow: 30px blurred shadow all around form*/ -webkit-box-shadow:0px 0px 15px black;/*Safari shadow version*/ -moz-box-shadow:0px 0px 15px black;/* Mozilla shadow version*/ }
#form {cursor:pointer;border:5px solid red;border-radius: 20px; -moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;width:700px;height:60px;padding-top:5px;padding-bottom:5px;margin:7px;background-color:none;color:black;font-size:15px;}
#form:hover {cursor:pointer;border:5px solid red;-webkit-box-shadow:0px 0px 13px black;-o-box-shadow:0px 0px 13px black;-moz-box-shadow:0px 0px 13px black; box-shadow:0px 0px 13px black;border-radius: 20px; -moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;width:700px;height:60px;padding-top:5px;padding-bottom:5px;margin:7px;background-color:red;color:white;font-size:20px;}
</style>
<link rel="stylesheet" type="text/css" href="http://freehtmlcodes.tk/resources/css..." />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest....>
<script type="text/javascript">
function showform1(){$('#form1').show(1000);}
$(document).keyup(function(e) { if (e.keyCode == 27) { $('#form1').fadeOut(1000) } });</script>
<div id="form1" class="white_content_2">
YOUR FORM HERE
<br><br> <font size="5"> Press <img src="http://t1.gstatic.com/images?q=tbn:AN..." width="60px" height="35px" /> To Close Lightbox </font>
</div>
<center><div id="form" onclick="showform1()"><p><center><b>Click here to Open Our Form</b> </center></p></div>
-->
PLEASE DON'T EDIT THIS CODE UNLESS YOU KNOW WHAT YOU ARE DOING
Best Regards,
Shawn Holman.
If you are confused please tell me so i can help
All you have to do is put this code in the html widget and add you form in the spot where it says
<!--
<style type="text/css">
.white_content_2 {display: none;position: fixed;top: 7%;right:45%;padding: 16px;background-color: white;z-index:2002; border-radius:7px; -o-border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;overflow:auto;box-shadow:0px 0px 15px black;/*CSS3 shadow: 30px blurred shadow all around form*/ -webkit-box-shadow:0px 0px 15px black;/*Safari shadow version*/ -moz-box-shadow:0px 0px 15px black;/* Mozilla shadow version*/ }
#form {cursor:pointer;border:5px solid red;border-radius: 20px; -moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;width:700px;height:60px;padding-top:5px;padding-bottom:5px;margin:7px;background-color:none;color:black;font-size:15px;}
#form:hover {cursor:pointer;border:5px solid red;-webkit-box-shadow:0px 0px 13px black;-o-box-shadow:0px 0px 13px black;-moz-box-shadow:0px 0px 13px black; box-shadow:0px 0px 13px black;border-radius: 20px; -moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;width:700px;height:60px;padding-top:5px;padding-bottom:5px;margin:7px;background-color:red;color:white;font-size:20px;}
</style>
<link rel="stylesheet" type="text/css" href="http://freehtmlcodes.tk/resources/css..." />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest....>
<script type="text/javascript">
function showform1(){$('#form1').show(1000);}
$(document).keyup(function(e) { if (e.keyCode == 27) { $('#form1').fadeOut(1000) } });</script>
<div id="form1" class="white_content_2">
YOUR FORM HERE
<br><br> <font size="5"> Press <img src="http://t1.gstatic.com/images?q=tbn:AN..." width="60px" height="35px" /> To Close Lightbox </font>
</div>
<center><div id="form" onclick="showform1()"><p><center><b>Click here to Open Our Form</b> </center></p></div>
-->
PLEASE DON'T EDIT THIS CODE UNLESS YOU KNOW WHAT YOU ARE DOING
Best Regards,
Shawn Holman.
If you are confused please tell me so i can help