Optin Forms - Version 1.0

Version Description

  • First version!

=

Download this release

Release Info

Developer brs
Plugin Icon 128x128 Optin Forms
Version 1.0
Comparing to
See all releases

Version 1.0

Files changed (69) hide show
  1. css/optinforms-admin.css +296 -0
  2. css/optinforms.css +62 -0
  3. images/close.png +0 -0
  4. images/form3-border-top.gif +0 -0
  5. images/icon-check.png +0 -0
  6. images/icon-email-01.png +0 -0
  7. images/icon-user-01.png +0 -0
  8. images/icon.png +0 -0
  9. images/logo.png +0 -0
  10. images/slider-next.png +0 -0
  11. images/slider-previous.png +0 -0
  12. images/support-aweber-001.png +0 -0
  13. images/support-aweber-002.png +0 -0
  14. images/support-aweber-003.png +0 -0
  15. images/support-aweber-004.png +0 -0
  16. images/support-getresponse-001.png +0 -0
  17. images/support-getresponse-002.png +0 -0
  18. images/support-getresponse-003.png +0 -0
  19. images/support-getresponse-005.png +0 -0
  20. images/support-getresponse-006.png +0 -0
  21. images/support-icontact-001.png +0 -0
  22. images/support-icontact-002.png +0 -0
  23. images/support-icontact-003.png +0 -0
  24. images/support-icontact-004.png +0 -0
  25. images/support-icontact-005.png +0 -0
  26. images/support-icontact-006.png +0 -0
  27. images/support-icontact-007.png +0 -0
  28. images/support-icontact-008.png +0 -0
  29. images/support-icontact-009.png +0 -0
  30. images/support-interspire-001.png +0 -0
  31. images/support-interspire-002.png +0 -0
  32. images/support-interspire-003.png +0 -0
  33. images/support-interspire-004.png +0 -0
  34. images/support-interspire-005.png +0 -0
  35. images/support-interspire-006.png +0 -0
  36. images/support-interspire-007.png +0 -0
  37. images/support-interspire-008.png +0 -0
  38. images/support-interspire-009.png +0 -0
  39. images/support-interspire-010.png +0 -0
  40. images/support-interspire-011.png +0 -0
  41. images/support-madmimi-001.png +0 -0
  42. images/support-madmimi-002.png +0 -0
  43. images/support-madmimi-003.png +0 -0
  44. images/support-madmimi-004.png +0 -0
  45. images/support-madmimi-005.png +0 -0
  46. images/support-madmimi-006.png +0 -0
  47. images/support-madmimi-007.png +0 -0
  48. images/support-mailchimp-001.png +0 -0
  49. images/support-mailchimp-002.png +0 -0
  50. images/support-mailchimp-003.png +0 -0
  51. images/support-mailchimp-004.png +0 -0
  52. images/support-mailchimp-005.png +0 -0
  53. images/support-mailchimp-006.png +0 -0
  54. includes/functions-forms.php +142 -0
  55. includes/functions.php +2272 -0
  56. includes/options-form-1.php +552 -0
  57. includes/options-form-2.php +422 -0
  58. includes/options-form-3.php +443 -0
  59. includes/options-form-4.php +531 -0
  60. includes/options-form-5.php +526 -0
  61. includes/register-settings.php +152 -0
  62. includes/sidebar.php +19 -0
  63. js/optinforms-color.js +3 -0
  64. js/placeholder.js +103 -0
  65. js/slider-control.js +10 -0
  66. js/tabcontent.js +159 -0
  67. js/tinybox.js +134 -0
  68. optin-forms.php +759 -0
  69. readme.txt +56 -0
css/optinforms-admin.css ADDED
@@ -0,0 +1,296 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*--------------------------------------------------
2
+ MAIN
3
+ ---------------------------------------------------*/
4
+
5
+ #optinforms {margin: 15px 15px 0 0;}
6
+ #optinforms a:link,#optinforms a:visited {color: #21759b; text-decoration: none;}
7
+ #optinforms a:hover {color: #d54e21;}
8
+
9
+ #icon-optinforms {background: url(../images/icon-32.png) no-repeat scroll 0 0 transparent; width: 200px;}
10
+ .video-item {display: inline; float: left; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); padding-bottom: 12px; position: relative; width: 215px; margin: 0 20px 20px 0; text-align: center;}
11
+ .video-item p {margin: 5px 0;}
12
+ .video-item a, .how-to-name {cursor:pointer;}
13
+ .video-item-hidden {display: none;}
14
+ .clear {clear: both;}
15
+
16
+ .optinforms-container-left {display: inline; float: left; width: 60%;}
17
+ .optinforms-container-right {display: inline; float: left; width: 38%; margin: 0 0 0 2%;}
18
+ .optinforms-container-left .optionleft {display: inline; float: left; width: 36%; margin: 0 3% 10px 1%; text-align: left;}
19
+ .optinforms-container-left .optionmiddle {display: inline; float: left; width: 57%; margin:0 3% 10px 0; text-align: left;}
20
+ .optinforms-container-left h4 {padding-bottom: 0!important; margin: 0 0 15px;}
21
+
22
+ .button-primary {margin: 30px 0!important;}
23
+
24
+ #emailbox {background-color: #F8F8F8; box-shadow: 0 0 1px rgba(0, 0, 0, 0.17); color: #222; display: block; padding:20px 35px; margin: 25px 15px 0 0;}
25
+ #emailbox h3 {margin: 0 0 15px; padding: 0; font-weight: 700; line-height: 30px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px;}
26
+ #emailbox input[type="submit"] {color: #fff!important; background: #2EA2CC; padding: 3px 15px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; text-align: center; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
27
+ #emailbox input[type="submit"]:hover {color: #fff!important; background: #0074A2;}
28
+ #emailbox input[type="text"] {margin: 0 15px; color: #666; width: 240px;}
29
+
30
+ .optinforms-ad {display: block; /*background: #ffffe0;*/ width: 100%; padding: 0 4%; margin: 0 0 20px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
31
+ .optinforms-ad h3, .optinforms-ad-product h3 {font-size: 14px; font-weight: bold; line-height: 20px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; margin: 0 0 15px 0;}
32
+ .optinforms-offer-left {display: inline; float: left; width: 68%; margin: 0 1% 15px 1%;}
33
+ .optinforms-offer-right {display: inline; float: left; width: 28%; margin: 0 1% 15px 1%;}
34
+ .optinforms-offer-left h4 {font-size: 14px; margin: 0 0 4px; padding: 0;}
35
+ .optinforms-offer-left p {font-size: 12px; margin: 0; padding: 0; color: #666;}
36
+ .optinforms-offer-right-button {margin: 2px 0 0; color: #fff; background: #21759B; padding: 9px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width:100%; text-align: center; text-transform: uppercase; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
37
+ .optinforms-offer-right-button:hover {background: #D54E21;}
38
+ .optinforms-ad-product {display: block; width: 92%; padding: 0 0 25px; margin: 0 4% 20px 4%; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
39
+ .optinforms-ad-product h4 {font-size: 16px; margin: 0 0 4px; padding: 0;}
40
+ .optinforms-ad-product p {font-size: 14px!important; line-height: 21px;}
41
+ .optinforms-ad-product-button {padding: 15px 0;}
42
+ .optinforms-ad-product-button a {color: #fff!important; background: #FD5A22; padding: 9px 20px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width: 220px; text-align: center; text-transform: uppercase; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
43
+ .optinforms-ad-product-button a:hover {background: #505050; color:#fff!important;}
44
+
45
+ #optinforms_email_solution_option1, #optinforms_email_solution_option2, #optinforms_email_solution_option3, #optinforms_email_solution_option4, #optinforms_email_solution_option5, #optinforms_email_solution_option6, #optinforms_form_design_option1, #optinforms_form_design_option2, #optinforms_form_design_option3, #optinforms_form_design_option4, #optinforms_form_design_option5, #optinforms_form_design_option6 {display:none;}
46
+
47
+ #optinforms-slider-wrapper {margin: 0; width: 764px;}
48
+ #optinforms-slider {position: relative; width: 680px; height: 175px; margin: 0; padding: 0; overflow: hidden; list-style:none; text-align:center;}
49
+ .slider-controls {position: relative; width: 764px;}
50
+ .slider-controls a {height:32px; width:32px; display:inline-block; text-indent:-9000px; outline:0;}
51
+ .slider-controls a:hover, .slider-controls a:active, .slider-controls a:focus {outline:0;}
52
+ #prev {background: url(../images/slider-next.png) no-repeat scroll; float: right; margin-right: 0; margin: 60px 0 0 10px;}
53
+ #next {background: url(../images/slider-previous.png) no-repeat scroll; float:left; margin-left:0; margin: 60px 10px 0 0;}
54
+
55
+ /*--------------------------------------------------
56
+ FORMS
57
+ ---------------------------------------------------*/
58
+
59
+ #optinforms-form1-container {width: 98%; margin: 10px 0; max-width: 750px;}
60
+ #optinforms-form1 {display: block; float: left; width: 94%; background:#efefef; padding: 15px 3%; text-align: center; margin: 0 0 25px; border-radius: 8px; border: 2px solid #e0e0e0;}
61
+ /* on admin pages */
62
+ #optinforms-form1-title {display: block; text-align: center; color: #eb432c; margin: 0 0 15px; font-family: Damion, sans-serif;}
63
+ #optinforms-form1-subtitle {font-size: 16px; color: #333; margin: 20px 0;}
64
+ #optinforms-form1-name-field-container, #optinforms-form1-email-field-container {display: inline; float: left; width: 38%; margin: 0 2% 0 0;}
65
+ #optinforms-form1-button-container {display: inline; float: left; width: 20%; margin: 0;}
66
+ #optinforms-form1-name-field {color: #666; padding: 8px 8px 8px 33px; background: url(../images/icon-user-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out;}
67
+ #optinforms-form1-email-field {color: #666; padding: 8px 8px 8px 33px; background: url(../images/icon-email-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out;}
68
+ #optinforms-form1-button {margin: 2px 0 0; color: #fff; background: #20a64c; padding: 6px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width:100%;}
69
+ #optinforms-form1-disclaimer {font-size: 11px; color: #666; margin:10px 0;}
70
+
71
+ #optinforms-form2-container {width: 98%; margin: 10px 0; max-width: 750px;}
72
+ #optinforms-form2 {display: block; float: left; width: 94%; background: #266d7c; padding: 15px 3%; text-align: center; margin: 0 0 25px; border-radius: 8px;}
73
+ #optinforms-form2-title-container {display: inline; float: left; width: 30%; text-align: left; margin: 0 2% 0 0;}
74
+ #optinforms-form2-title {color: #fff; font-family: Pacifico, sans-serif; font-size: 30px; line-height: 30px;}
75
+ #optinforms-form2-email-field-container {display: inline; float: left; width: 30%; text-align: left;}
76
+ #optinforms-form2-email-field {color: #000; padding: 8px 8px 8px 33px; background: url(../images/icon-email-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out;}
77
+ #optinforms-form2-button-container {display: inline; float: left; width: 18%; text-align: left; margin: 0 0 0 2%;}
78
+ #optinforms-form2-button {margin: 2px 0 0; color: #fff; background: #49A3FE; padding: 6px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width:100%;}
79
+ #optinforms-form2-disclaimer-container {display: inline; float: left; width: 16%; text-align: left; margin: 0 0 0 2%;}
80
+ #optinforms-form2-disclaimer {font-size: 11px; color: #fff; margin: 12px 0;}
81
+
82
+ #optinforms-form3-container {width: 98%; margin: 10px 0; max-width: 750px;}
83
+ #optinforms-form3 {display: block; float: left; width: 100%; background: url(../images/form3-border-top.gif) repeat-x #fff; padding: 0; text-align: center; margin: 0 0 25px;}
84
+ #optinforms-form3-inside {display: block; width: 94%; padding: 15px 3%; background: #f0f0f0; min-height: 150px; margin: 12px 0 0;}
85
+ #optinforms-form3-container-left {display: inline; float: left; width: 58%; margin: 10px 1% 0 0; text-align: left;}
86
+ #optinforms-form3-container-right {display: inline; float: left; width: 38%; margin: 10px 0 0 1%; text-align: left;}
87
+ #optinforms-form3-title {color: #505050; font-family: Droid Serif, serif; font-size: 30px; line-height: 30px;}
88
+ #optinforms-form3-subtitle {font-size: 16px; color: #505050; margin: 20px 10px 20px 0; line-height: 28px;}
89
+ #optinforms-form3-name-field {color: #666; padding: 8px 8px 8px 33px; margin: 0 0 5px 0; background: url(../images/icon-user-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
90
+ #optinforms-form3-email-field {color: #666; padding: 8px 8px 8px 33px; margin: 0 0 5px 0; background: url(../images/icon-email-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
91
+ #optinforms-form3-button {margin: 0; color: #fff; background: #49A3FE; padding: 6px; border: 0; border-radius: 4px; font-size: 18px; font-weight: 700; cursor: pointer; width:100%;}
92
+
93
+ #optinforms-form4-container {width: 98%; margin: 10px 0; max-width: 750px;}
94
+ #optinforms-form4 {display: block; float: left; width: 94%; background: #FCFCFC; padding: 15px 3%; text-align: center; margin: 0 0 25px; border: 2px solid #ECEAED;}
95
+ #optinforms-form4-title {color: #505050; font-family: Arial, sans-serif; font-size: 24px; line-height: 24px;}
96
+ #optinforms-form4-subtitle {font-size: 16px; color: #505050; margin: 20px 10px 20px 0; line-height: 28px;}
97
+ #optinforms-form4-email-field {color: #666; padding: 8px; margin: 0 0 5px 0; background: #fff; width:100%; text-align: center; font-size: 16px; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
98
+ #optinforms-form4-button {margin: 0; color: #1d629b; background: #faff5b; padding: 6px; border: 0; border-radius: 4px; font-size: 20px; font-weight: 700; cursor: pointer; width:100%;}
99
+ #optinforms-form4-disclaimer {font-size: 12px; color: #999; margin:10px 0;}
100
+
101
+ #optinforms-form5-container {width: 98%; margin: 10px 0; max-width: 750px;}
102
+ #optinforms-form5 {display: block; float: left; width: 94%; background: #333333; padding: 15px 3%; text-align: center; margin: 0 0 25px;}
103
+ #optinforms-form5-container-left {display: inline; float: left; width: 39%; margin: 10px 1% 10px 0; text-align: left;}
104
+ #optinforms-form5-container-right {display: inline; float: left; width: 59%; margin: 10px 0 10px 1%; text-align: left;}
105
+ #optinforms-form5-title {color: #fb6a13; font-family: "News Cycle", sans-serif; font-size: 28px; line-height: 28px; margin: 0 0 20px 0;}
106
+ #optinforms-form5-subtitle {font-size: 16px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #ccc; margin: 0 20px;}
107
+ #optinforms-form5-name-field {color: #000; padding: 8px 8px 8px 33px; margin: 0 0 10px 0; background: url(../images/icon-user-01.png) no-repeat left center #fff; width:100%; border: 1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
108
+ #optinforms-form5-email-field {color: #000; padding: 8px 8px 8px 33px; margin: 0 0 10px 0; background: url(../images/icon-email-01.png) no-repeat left center #fff; width:100%; border: 1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
109
+ #optinforms-form5-button {margin: 0; color: #fff; background: #fb6a13; padding: 6px; border: 0; border-radius: 4px; font-size: 16px; font-weight: 700; cursor: pointer; width:100%;}
110
+ #optinforms-form5-disclaimer {font-size: 14px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #727272; margin: 20px 20px 0 20px;}
111
+
112
+ #optinforms-slider .optiongroup {text-align: left; margin: 25px 0 0;}
113
+
114
+ .sticky-placeholder-wrapper > label {
115
+ opacity:.5; /* to prevent initial dimming in FF, set to the same value as placeholderOpacity (default: .5) */
116
+ -webkit-transition: opacity .2s ease-out;
117
+ -moz-transition: opacity .2s ease-out;
118
+ -ms-transition: opacity .2s ease-out;
119
+ transition: opacity .2s ease-out;
120
+ }
121
+ .choose-width {display: inline; float: left; width: 100px!important;}
122
+ .fixed-width {display: inline; float: left; width: 50px!important;}
123
+ .fixed-width-px {display: inline; float: left; width: 30px; margin: 0 0 0 10px; padding: 6px 0 0;}
124
+
125
+ .optinforms-step {display: block; padding: 20px; margin: 10px 0; background: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
126
+ .optinforms-step p {margin: 0 0 4px;}
127
+ .step-image { margin: 10px 0; padding: 10px; background: #fff; border: 1px solid #f8f8f8; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
128
+ .follow {margin: 15px 0!important;}
129
+
130
+ .optinforms-help {display: block; padding: 15px; margin: 10px 0 20px; background: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
131
+ .optinforms-help p {margin: 0; padding: 0;}
132
+ .optinforms-help .highlight {font-family: "Courier New", Courier, monospace; background-color: #ececec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; color: #666; font-weight: normal; padding: 2px 8px; margin: 0 2px;}
133
+
134
+ .optinforms-integration {margin: 10px 0 20px 1%; padding: 0; color: #21759B!important; font-weight: 700;}
135
+
136
+ .optiongroup {color: #222; display: block; padding: 0; margin: 0 0 5px;}
137
+ .optionleft {display: inline; float: left; width: 20%; margin: 0 3% 10px 1%; text-align: left;}
138
+ .optionmiddle {display: inline; float: left; width: 33%; margin:0 3% 10px 0; text-align: left;}
139
+ .optionlast {display: inline; float: left; width: 40%; text-align: left;}
140
+ .optionlast p {color: #676767; font-size:11px; margin-top: 6px;}
141
+ .optionfirst, .optionsecond {display: inline; float: left; width: 31%; margin-right: 2%; text-align: left;}
142
+ .optionthird {display: inline; float: left; width: 32%; margin-right: 2%; text-align: left;}
143
+ .thumb1, .thumb2, .thumb3, .thumb4, .thumb5 {display: inline; float: left; width: 19%; margin-right: 1%; text-align: center;}
144
+ .custom-thumb-left {display: inline; float: left; width: 1%; margin-right: 2%;}
145
+ .custom-thumb-middle {display: inline; float: left; width: 30%; margin: 4px 0 2%;}
146
+ .custom-thumb-right {display: inline; float: left; width: 63%; margin-right: 2%;}
147
+ .custom-thumb-right p, #how-to-name-images {margin: 0 0 15px 0;}
148
+ .custom-thumb-middle label {padding-top: 0!important;}
149
+ #how-to-name-images-left, #how-to-name-images-right {display:inline; float: left; width: 49%; padding: 0 1% 0 0;}
150
+ .custom-video-left {display: inline; float: left; width: 49%; margin-right: 1%;}
151
+ .custom-video-right {display: inline; float: left; width: 49%; margin-left: 1%;}
152
+ .custom-video-left p, .custom-video-right p {display: inline; float: left; width: 18%; margin: 7px 0 0 0; padding-right: 1%; color: #222;}
153
+ .custom-video-left input, .custom-video-right input {width: 80%!important;}
154
+ .optiongroup h3 {font-size: 14px; font-weight: bold; line-height: 20px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; margin: 0 0 15px 0;}
155
+ .no-border {border-bottom: 0!important;}
156
+ .optiongroup h4 {font-size: 14px; font-weight: bold; line-height: 20px; padding-bottom: 10px;}
157
+ .optiongroup label {padding-top: 10px;}
158
+ .iconlabel {display: inline; float: left; width: 87%; text-align: left; padding-top: 1px!important;}
159
+ .preview-icon {display: inline; float: left; width: 11%; margin: 6px 2% 0 0; opacity:0.6; filter:alpha(opacity=60);/* For IE8 and earlier */}
160
+ .nopointer {cursor: default;}
161
+ .optiongroup p, .optionfirst label, .optionsecond label, .optionthird label, #how-to-name-images ul li {color: #666;}
162
+ .thumb1 p, .thumb2 p, .thumb3 p, .thumb4 p, .thumb5 p {font-size: 11px; color: #676767; padding: 0 10px;}
163
+ .optiongroup input {width: 100%; padding: 5px;}
164
+ .optiongroup input[type=text]:disabled, .optiongroup textarea:disabled {background-color: #f8f8f8;}
165
+ .optiongroup input[type="checkbox"] {width: 10px!important; margin: 6px 0 0 3px;}
166
+ .optiongroup input[type="radio"] {text-align: left; margin: 5px 10px 0;}
167
+ .optiongroup select {padding: 5px; height: 34px; min-width: 250px;}
168
+ .radiobutton {width: 10px!important; margin: 0 0 0 15px;}
169
+ .radiobutton-label {margin: 0 15px 0 0;}
170
+ /*.optiongroup input[type="radio"] {width: 100%!important; text-align: left;}*/
171
+ /* *USED FOR THUMBNAILS */
172
+ .optionfirst input[type="checkbox"], .optionsecond input[type="checkbox"], .optionthird input[type="checkbox"] {display: inline; float: left; width: 10px!important; margin: 8px 15px 0 3px;}
173
+ .optiongroup textarea {width: 100%; height: 140px; padding: 5px;}
174
+ .radiocontainer {width: 10px; margin: 0 0 10px 44%;}
175
+ .radiocontainer-custom {display: inline; float: left; width: 10px; margin: 0 25px 10px 0;}
176
+ .highlight {font-family: "Courier New", Courier, monospace; background-color: #e4e4e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; color: #676767; font-weight: normal; padding: 2px 8px; margin: 0 2px;}
177
+ .required {font-family: "Courier New", Courier, monospace; color: #fd5a22; font-weight: 700;}
178
+ .step {font-family: "Courier New", Courier, monospace; background-color: #fd5a22; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; color: #fff; font-weight: 700; padding: 2px 6px; margin: 0 10px 0 2px;}
179
+ .explain {font-family: "Courier New", Courier, monospace; background-color: #fff; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius:12px; color: #999; font-weight: 700; padding: 4px 8px; margin: 0 2px; cursor: pointer;}
180
+
181
+ #introduction h3, .video-cat {font-size: 14px; font-weight: bold; line-height: 20px;}
182
+
183
+ #add-custom-button {text-align: right;}
184
+ .add-custom-videos {width: 150px!important; background-color: #e4e4e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; color: #676767; font-weight: normal; padding: 2px 8px; margin: 10px 2px; border: 0; cursor: pointer;}
185
+ .highlight-custom {font-family: "Courier New", Courier, monospace; background-color: #e4e4e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; color: #676767; font-weight: normal; padding: 2px 4px; margin: 0 2px;}
186
+
187
+ .wp-picker-input-wrap input {margin-left: 6px;}
188
+ .wp-picker-container .button {margin-left: 0!important;}
189
+ .wp-picker-container input.wp-color-picker[type="text"] {width: none!important;}
190
+
191
+ /*--------------------------------------------------
192
+ TABBED CONTENT
193
+ ---------------------------------------------------*/
194
+ #tabcontainer {margin: 20px 0; padding: 4% 2% 2% 2%;}
195
+ .shadetabs {padding: 3px 0; margin: 0 0 15px 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/}
196
+ .shadetabs li {display: inline; float: left; margin: 2px 3px;}
197
+ .shadetabs li a {background: none repeat scroll 0 0 #f7f7f7; border-radius: 4px; padding-top: 4px; position: relative; padding: 5px 10px; z-index: 1; font-size: 16px; color: #AAA!important; text-decoration: none; outline: 0; display: table-cell;}
198
+ .shadetabs li a:visited, .shadetabs li a:hover {color: #2d2b2b;}
199
+ .shadetabs li a.selected {/*selected main tab style */background: none repeat scroll 0 0 #FFF; border:0; color: #111111!important; position: relative;}
200
+ .shadetabs li a.selected:hover {/*selected main tab style */ text-decoration: none;}
201
+ .tabcontent {display: none;}
202
+ .tabcontent-hidden {display: none;}
203
+
204
+ /*--------------------------------------------------
205
+ MEDIA
206
+ ---------------------------------------------------*/
207
+ @media only screen and (min-width: 768px) and (max-width: 1239px) {
208
+ #optinforms {max-width: none; min-width: 1px;}
209
+ #introduction {max-width: none;}
210
+ #options-container {max-width: none; margin: 25px 20px 0 0;}
211
+ .optinforms-container-left {display:block!important; width:100%!important;}
212
+ .optinforms-container-right {display:block!important; width:100%!important; margin:25px 0 0; padding: 0;}
213
+ .optinforms-ad-product {width: 100%; padding: 20px 0; margin: 20px 0;}
214
+ .optinforms-ad {padding: 0;}
215
+ #optinforms-form1-container, #optinforms-form2-container, #optinforms-form3-container, #optinforms-form4-container, #optinforms-form5-container {max-width: none;}
216
+ #emailbox {margin: 0;}
217
+ #emailbox span {display: block; width:100%; margin: 5px 0!important; padding: 5px 0;}
218
+ #emailbox input[type="text"] {display: block; width:100%; margin: 5px 0!important; padding: 5px;}
219
+ #upper-container-left, #upper-container-right {display: block; width:100%; margin:0;}
220
+ #supportbox {margin-left: 0!important;}
221
+ .optionleft {display: block; width: 100%; margin: 0 0 6px;}
222
+ .optionmiddle, .optionlast {display: block; width: 100%;}
223
+ .optionmiddle input, .optionmiddle textarea {}
224
+ .optionlast p {margin: 0 0 15px;}
225
+ .preview-icon {width:3%;}
226
+ .iconlabel {width:95%!important;}
227
+ .optionfirst, .optionsecond, .optionthird {display: block; width: 100%; margin: 0 0 15px;}
228
+ .thumb1 img, .thumb2 img, .thumb3 img, .thumb4 img, .thumb5 img {max-width:90px;}
229
+ .radiocontainer {margin: 0 0 10px 45px!important;}
230
+ .custom-video-left, .custom-video-right {display: block; width: 100%; margin-left: 0;}
231
+ .custom-thumb-left {width: 3%;}
232
+ .custom-thumb-right {width: 100%;}
233
+ #how-to-name-images-left, #how-to-name-images-right {display: block; width: 100%;}
234
+ }
235
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
236
+ #optinforms {max-width: none; min-width: 1px;}
237
+ #introduction {max-width: none;}
238
+ #options-container {max-width: none; margin: 25px 20px 0 0;}
239
+ .optinforms-container-left {display:block!important; width:100%!important;}
240
+ .optinforms-container-right {display:block!important; width:100%!important; margin:25px 0 0; padding: 0;}
241
+ .optinforms-ad-product {width: 100%; padding: 20px 0; margin: 20px 0;}
242
+ .optinforms-ad {padding: 0;}
243
+ #optinforms-form1-container, #optinforms-form2-container, #optinforms-form3-container, #optinforms-form4-container, #optinforms-form5-container {max-width: none;}
244
+ #emailbox {margin: 0;}
245
+ #emailbox span {display: block; width:100%; margin: 5px 0!important; padding: 5px 0;}
246
+ #emailbox input[type="text"] {display: block; width:100%; margin: 5px 0!important; padding: 5px;}
247
+ #upper-container-left, #upper-container-right {display: block; width:100%; margin:0;}
248
+ #upper-container-left, #upper-container-right {display: block; width:100%; margin:0;}
249
+ #supportbox {margin-left: 0!important;}
250
+ .optionleft {display: block; width: 100%; margin: 0 0 6px;}
251
+ .optionmiddle, .optionlast {display: block; width: 100%;}
252
+ .optionmiddle input, .optionmiddle textarea {}
253
+ .optionlast p {margin: 0 0 15px;}
254
+ .preview-icon {width:3%;}
255
+ .iconlabel {width:95%!important;}
256
+ .optionfirst, .optionsecond, .optionthird {display: block; width: 100%; margin: 0 0 15px;}
257
+ .thumb1 img, .thumb2 img, .thumb3 img, .thumb4 img, .thumb5 img {max-width:90px;}
258
+ .radiocontainer {margin: 0 0 10px 45px!important;}
259
+ .custom-video-left, .custom-video-right {display: block; width: 100%; margin-left: 0;}
260
+ .custom-thumb-left {width: 3%;}
261
+ .custom-thumb-right {width: 100%;}
262
+ #how-to-name-images-left, #how-to-name-images-right {display: block; width: 100%;}
263
+ }
264
+ @media only screen and (min-width: 320px) and (max-width: 479px) {
265
+ #optinforms {max-width: none; min-width: 1px;}
266
+ #introduction {max-width: none;}
267
+ #options-container {max-width: none; margin: 25px 20px 0 0;}
268
+ .optinforms-container-left {display:block!important; width:100%!important;}
269
+ .optinforms-container-right {display:block!important; width:100%!important; margin:25px 0 0; padding: 0;}
270
+ .optinforms-ad-product {width: 100%; padding: 20px 0; margin: 20px 0;}
271
+ .optinforms-ad {padding: 0;}
272
+ #optinforms-form1-container, #optinforms-form2-container, #optinforms-form3-container, #optinforms-form4-container, #optinforms-form5-container {max-width: none;}
273
+ #emailbox {margin: 0;}
274
+ #emailbox span {display: block; width:100%; margin: 5px 0!important; padding: 5px 0;}
275
+ #emailbox input[type="text"] {display: block; width:100%; margin: 5px 0!important; padding: 5px;}
276
+ #upper-container-left, #upper-container-right {display: block; width:100%; margin:0;}
277
+ #supportbox {margin-left: 0!important;}
278
+ .optionleft {display: block; width: 100%; margin: 0 0 6px;}
279
+ .optionmiddle, .optionlast {display: block; width: 100%;}
280
+ .optionmiddle input, .optionmiddle textarea {}
281
+ .optionlast p {margin: 0 0 15px;}
282
+ .preview-icon {width:4%;}
283
+ .iconlabel {width:94%!important;}
284
+ .optionfirst, .optionsecond, .optionthird {display: block; width: 100%; margin: 0 0 15px;}
285
+ .thumb1 img, .thumb2 img, .thumb3 img, .thumb4 img, .thumb5 img {max-width:70px;}
286
+ .radiocontainer {margin: 0 0 10px 30px!important;}
287
+ .custom-thumb-left {width:4%;}
288
+ .custom-thumb-middle {width:92%;}
289
+ .custom-thumb-right {display:block; width:100%; margin-top: 6px;}
290
+ .custom-video-left, .custom-video-right {display: block; width: 100%; margin-left: 0;}
291
+ .custom-thumb-left {width: 3%;}
292
+ .custom-thumb-right {width: 100%;}
293
+ #how-to-name-images-left, #how-to-name-images-right {display: block; width: 100%;}
294
+ }
295
+
296
+ @media print {.tabcontent {display:block !important;} .tabcontent-hidden {display:none;} }
css/optinforms.css ADDED
@@ -0,0 +1,62 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*--------------------------------------------------
2
+ MAIN
3
+ ---------------------------------------------------*/
4
+ .clear {clear:both;}
5
+ /*--------------------------------------------------
6
+ FORM 1
7
+ ---------------------------------------------------*/
8
+ #optinforms-form1-container {width: 100%; margin: 10px auto 20px auto;}
9
+ #optinforms-form1 {display: block; float: left; width: 100%; background:#efefef; padding: 15px 3%; text-align: center; margin: 0 0 5px; border-radius: 8px; border: 2px solid #e0e0e0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
10
+ /* on admin pages */
11
+ #optinforms-form1-title {display: block; text-align: center; color: #eb432c; margin: 0 0 15px; font-family: Damion, sans-serif;}
12
+ #optinforms-form1-subtitle {font-size: 16px; color: #333; margin: 20px 0;}
13
+ #optinforms-form1-name-field-container, #optinforms-form1-email-field-container {display: inline; float: left; width: 38%; margin: 0 2% 0 0;}
14
+ #optinforms-form1-button-container {display: inline; float: left; width: 20%; margin: 0;}
15
+ #optinforms-form1-name-field {color: #666; padding: 8px 8px 8px 33px!important; background: url(../images/icon-user-01.png) no-repeat left center #fff; width: 100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; box-shadow: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
16
+ #optinforms-form1-email-field {color: #666; padding: 8px 8px 8px 33px!important; background: url(../images/icon-email-01.png) no-repeat left center #fff; width: 100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; box-shadow: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
17
+ #optinforms-form1-button {margin: 2px 0 0; color: #fff; background: #20a64c; padding: 6px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
18
+ #optinforms-form1-disclaimer {font-size: 11px; color: #666; margin:10px 0;}
19
+
20
+ #optinforms-form2-container {width: 100%; margin: 10px auto 20px auto;}
21
+ #optinforms-form2 {display: block; float: left; width: 100%; background: #266d7c; padding: 15px 3%; text-align: center; margin: 0 0 5px; border-radius: 8px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
22
+ #optinforms-form2-title-container {display: inline; float: left; width: 30%; text-align: left; margin: 0 2% 0 0;}
23
+ #optinforms-form2-title {color: #fff; font-family: Pacifico, sans-serif; font-size: 30px; line-height: 30px;}
24
+ #optinforms-form2-email-field-container {display: inline; float: left; width: 30%; text-align: left;}
25
+ #optinforms-form2-email-field {color: #000; padding: 8px 8px 8px 33px; background: url(../images/icon-email-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; box-shadow: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
26
+ #optinforms-form2-button-container {display: inline; float: left; width: 18%; text-align: left; margin: 0 0 0 2%;}
27
+ #optinforms-form2-button {margin: 2px 0 0; color: #fff; background: #49A3FE; padding: 6px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
28
+ #optinforms-form2-disclaimer-container {display: inline; float: left; width: 16%; text-align: left; margin: 0 0 0 2%;}
29
+ #optinforms-form2-disclaimer {font-size: 11px; color: #fff; margin: 12px 0;}
30
+
31
+ #optinforms-form3-container {width: 100%; margin: 10px auto 20px auto;}
32
+ #optinforms-form3 {display: block; float: left; width: 100%; background: url(../images/form3-border-top.gif) repeat-x #fff; padding: 0; text-align: center; margin: 0 0 5px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
33
+ #optinforms-form3-inside {display: block; width: 100%; padding: 15px 3%; background: #f0f0f0; margin: 12px 0 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
34
+ #optinforms-form3-container-left {display: inline; float: left; width: 58%; margin: 10px 1% 0 0; text-align: left;}
35
+ #optinforms-form3-container-right {display: inline; float: left; width: 38%; margin: 10px 0 0 1%; text-align: left;}
36
+ #optinforms-form3-title {color: #505050; font-family: Droid Serif, sans-serif; font-size: 30px; line-height: 30px;}
37
+ #optinforms-form3-subtitle {font-size: 16px; color: #505050; margin: 20px 10px 20px 0; line-height: 28px;}
38
+ #optinforms-form3-name-field {color: #666; padding: 8px 8px 8px 33px; margin: 0 0 5px 0; background: url(../images/icon-user-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
39
+ #optinforms-form3-email-field {color: #666; padding: 8px 8px 8px 33px; margin: 0 0 5px 0; background: url(../images/icon-email-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
40
+ #optinforms-form3-button {margin: 0; color: #fff; background: #49A3FE; padding: 6px; border: 0; border-radius: 4px; font-size: 18px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
41
+
42
+ #optinforms-form4-container {width: 100%; margin: 10px auto 20px auto;}
43
+ #optinforms-form4 {display: block; float: left; width: 100%; background: #FCFCFC; padding: 15px 3%; text-align: center; margin: 0 0 5px; border: 2px solid #ECEAED; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
44
+ #optinforms-form4-title {color: #505050; font-family: Arial, sans-serif; font-size: 24px; line-height: 24px;}
45
+ #optinforms-form4-subtitle {font-size: 16px; color: #505050; margin: 20px 10px 20px 0; line-height: 28px;}
46
+ #optinforms-form4-email-field {color: #666; padding: 8px; margin: 0 0 5px 0; background: #fff; width:100%; text-align: center; font-size: 16px; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
47
+ #optinforms-form4-button {margin: 0; color: #1d629b; background: #faff5b; padding: 6px; border: 0; border-radius: 4px; font-size: 20px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
48
+ #optinforms-form4-disclaimer {font-size: 12px; color: #999; margin:10px 0;}
49
+
50
+ #optinforms-form5-container {width: 100%; margin: 10px auto 20px auto;}
51
+ #optinforms-form5 {display: block; float: left; width: 100%; background: #333333; padding: 15px 3%; text-align: center; margin: 0 0 5px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
52
+ #optinforms-form5-container-left {display: inline; float: left; width: 39%; margin: 10px 1% 10px 0; text-align: left;}
53
+ #optinforms-form5-container-right {display: inline; float: left; width: 59%; margin: 10px 0 10px 1%; text-align: left;}
54
+ #optinforms-form5-title {color: #fb6a13; font-family: "News Cycle", sans-serif; font-size: 28px; line-height: 28px; margin: 0 0 20px 0;}
55
+ #optinforms-form5-subtitle {font-size: 16px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #ccc; margin: 0 20px;}
56
+ #optinforms-form5-name-field {color: #000; padding: 8px 8px 8px 33px; margin: 0 0 10px 0; background: url(../images/icon-user-01.png) no-repeat left center #fff; width:100%; border: 1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
57
+ #optinforms-form5-email-field {color: #000; padding: 8px 8px 8px 33px; margin: 0 0 10px 0; background: url(../images/icon-email-01.png) no-repeat left center #fff; width:100%; border: 1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;}
58
+ #optinforms-form5-button {margin: 0; color: #fff; background: #fb6a13; padding: 6px; border: 0; border-radius: 4px; font-size: 16px; font-weight: 700; cursor: pointer; width:100%;}
59
+ #optinforms-form5-disclaimer {font-size: 14px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #727272; margin: 20px 20px 0 20px;}
60
+
61
+ #optinforms-powered-by {width: 99%; text-align: right; font-size: 11px; color: #666; margin: 10px 1% 0 0;}
62
+ .sticky-placeholder-wrapper > label {opacity:.5; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; transition: opacity .2s ease-out;}
images/close.png ADDED
Binary file
images/form3-border-top.gif ADDED
Binary file
images/icon-check.png ADDED
Binary file
images/icon-email-01.png ADDED
Binary file
images/icon-user-01.png ADDED
Binary file
images/icon.png ADDED
Binary file
images/logo.png ADDED
Binary file
images/slider-next.png ADDED
Binary file
images/slider-previous.png ADDED
Binary file
images/support-aweber-001.png ADDED
Binary file
images/support-aweber-002.png ADDED
Binary file
images/support-aweber-003.png ADDED
Binary file
images/support-aweber-004.png ADDED
Binary file
images/support-getresponse-001.png ADDED
Binary file
images/support-getresponse-002.png ADDED
Binary file
images/support-getresponse-003.png ADDED
Binary file
images/support-getresponse-005.png ADDED
Binary file
images/support-getresponse-006.png ADDED
Binary file
images/support-icontact-001.png ADDED
Binary file
images/support-icontact-002.png ADDED
Binary file
images/support-icontact-003.png ADDED
Binary file
images/support-icontact-004.png ADDED
Binary file
images/support-icontact-005.png ADDED
Binary file
images/support-icontact-006.png ADDED
Binary file
images/support-icontact-007.png ADDED
Binary file
images/support-icontact-008.png ADDED
Binary file
images/support-icontact-009.png ADDED
Binary file
images/support-interspire-001.png ADDED
Binary file
images/support-interspire-002.png ADDED
Binary file
images/support-interspire-003.png ADDED
Binary file
images/support-interspire-004.png ADDED
Binary file
images/support-interspire-005.png ADDED
Binary file
images/support-interspire-006.png ADDED
Binary file
images/support-interspire-007.png ADDED
Binary file
images/support-interspire-008.png ADDED
Binary file
images/support-interspire-009.png ADDED
Binary file
images/support-interspire-010.png ADDED
Binary file
images/support-interspire-011.png ADDED
Binary file
images/support-madmimi-001.png ADDED
Binary file
images/support-madmimi-002.png ADDED
Binary file
images/support-madmimi-003.png ADDED
Binary file
images/support-madmimi-004.png ADDED
Binary file
images/support-madmimi-005.png ADDED
Binary file
images/support-madmimi-006.png ADDED
Binary file
images/support-madmimi-007.png ADDED
Binary file
images/support-mailchimp-001.png ADDED
Binary file
images/support-mailchimp-002.png ADDED
Binary file
images/support-mailchimp-003.png ADDED
Binary file
images/support-mailchimp-004.png ADDED
Binary file
images/support-mailchimp-005.png ADDED
Binary file
images/support-mailchimp-006.png ADDED
Binary file
includes/functions-forms.php ADDED
@@ -0,0 +1,142 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ // Insert form on post, after first paragraph
4
+ add_filter( "the_content", "optinform_insert_form_first_paragraph_post" );
5
+
6
+ function optinform_insert_form_first_paragraph_post($content) {
7
+ global $optinforms_form_placement_post;
8
+ if($optinforms_form_placement_post == '1'){
9
+ $ad_code = optinforms_create_form();
10
+ if(is_single()){
11
+ return optinform_insert_form_after_paragraph($ad_code, 1, $content);
12
+ }
13
+ }
14
+ else {
15
+ // do nothing
16
+ }
17
+ return $content;
18
+ }
19
+
20
+ // Insert form on page, after first paragraph
21
+ add_filter( "the_content", "optinform_insert_form_first_paragraph_page" );
22
+
23
+ function optinform_insert_form_first_paragraph_page($content) {
24
+ global $optinforms_form_placement_page;
25
+ if($optinforms_form_placement_page == '1'){
26
+ $ad_code = optinforms_create_form();
27
+ if(is_page()){
28
+ return optinform_insert_form_after_paragraph($ad_code, 1, $content);
29
+ }
30
+ }
31
+ else {
32
+ // do nothing
33
+ }
34
+ return $content;
35
+ }
36
+
37
+ // Insert form on post, after second paragraph
38
+ add_filter( "the_content", "optinform_insert_form_second_paragraph_post" );
39
+
40
+ function optinform_insert_form_second_paragraph_post($content) {
41
+ global $optinforms_form_placement_post;
42
+ if($optinforms_form_placement_post == '2'){
43
+ $ad_code = optinforms_create_form();
44
+ if(is_single()){
45
+ return optinform_insert_form_after_paragraph($ad_code, 2, $content);
46
+ }
47
+ }
48
+ else {
49
+ // do nothing
50
+ }
51
+ return $content;
52
+ }
53
+
54
+ // Insert form on page, after second paragraph
55
+ add_filter( "the_content", "optinform_insert_form_second_paragraph_page" );
56
+
57
+ function optinform_insert_form_second_paragraph_page($content) {
58
+ global $optinforms_form_placement_page;
59
+ if($optinforms_form_placement_page == '2'){
60
+ $ad_code = optinforms_create_form();
61
+ if(is_page()){
62
+ return optinform_insert_form_after_paragraph($ad_code, 2, $content);
63
+ }
64
+ }
65
+ else {
66
+ // do nothing
67
+ }
68
+ return $content;
69
+ }
70
+
71
+ // Help us insert form in between paragraphs
72
+ function optinform_insert_form_after_paragraph($insertion, $paragraph_id, $content) {
73
+ $closing_p = '</p>';
74
+ $paragraphs = explode($closing_p, $content);
75
+ foreach ($paragraphs as $index => $paragraph) {
76
+ if (trim($paragraph)) {
77
+ $paragraphs[$index] .= $closing_p;
78
+ }
79
+ if ($paragraph_id == $index + 1) {
80
+ $paragraphs[$index] .= $insertion;
81
+ }
82
+ }
83
+ return implode('', $paragraphs);
84
+ }
85
+
86
+ // Insert form after post content
87
+ add_filter( "the_content", "optinforms_insert_form_after_post" );
88
+
89
+ function optinforms_insert_form_after_post($content) {
90
+ global $optinforms_form_placement_post;
91
+ if($optinforms_form_placement_post == '3' || empty($optinforms_form_placement_post)) {
92
+ if (is_single()) {
93
+ $content .= optinforms_create_form();
94
+ }
95
+ }
96
+ return $content;
97
+ }
98
+
99
+ // Insert form after page content
100
+ add_filter( "the_content", "optinforms_insert_form_after_page" );
101
+
102
+ function optinforms_insert_form_after_page($content) {
103
+ global $optinforms_form_placement_page;
104
+ if($optinforms_form_placement_page == '3' || empty($optinforms_form_placement_page)) {
105
+ if (is_page()) {
106
+ $content .= optinforms_create_form();
107
+ }
108
+ }
109
+ return $content;
110
+ }
111
+
112
+ // Code comment beginning
113
+ function optinforms_code_comment(){
114
+ return "\n\n<!-- Form created by Optin Forms plugin by Codeleon: create beautiful optin forms with ease! -->\n<!-- http://www.codeleon.com/wordpress/plugins/optin-forms -->\n";
115
+ }
116
+
117
+ // Code comment end
118
+ function optinforms_code_comment_end(){
119
+ return "\n<!-- / Optin Forms -->\n\n";
120
+ }
121
+
122
+ // Form 1
123
+ function optinforms_create_form() {
124
+ global $optinforms_form_design;
125
+ if($optinforms_form_design == 'optinforms_form_design_option1') {
126
+ return "" . optinforms_code_comment() . "<div id=\"optinforms-form1-container\" " . optinforms_form1_get_width() . "><form method=\"post\" action=\"" . optinforms_get_form_action() . "\">" . optinforms_get_form_identifiers() . "<div id=\"optinforms-form1\" style=\"background:" . optinforms_form1_default_background() . "; border-color:" . optinforms_form1_default_border() . "\"><p id=\"optinforms-form1-title\" style=\"font-family:" . optinforms_form1_default_title_font() . "; font-size:" . optinforms_form1_default_title_size() . "; line-height:" . optinforms_form1_default_title_size() . "; color:" . optinforms_form1_default_title_color() . "\">" . optinforms_form1_default_title() ."</p><p id=\"optinforms-form1-subtitle\" style=\"font-family:" . optinforms_form1_default_subtitle_font() . "; font-size:" . optinforms_form1_default_subtitle_size() . "; line-height:" . optinforms_form1_default_subtitle_size() . "; color:" . optinforms_form1_default_subtitle_color() . "\">" . optinforms_form1_default_subtitle() . "</p><div id=\"optinforms-form1-name-field-container\"> <input type=\"text\" id=\"optinforms-form1-name-field\" name=\"" . optinforms_get_name_field() . "\" placeholder=\"" . optinforms_form1_default_name_field() . "\" style=\"font-family:" . optinforms_form1_default_fields_font() . "; font-size:" . optinforms_form1_default_fields_size() . "; color:" . optinforms_form1_default_fields_color() . "\" /></div><!--optinforms-form1-name-field-container--><div id=\"optinforms-form1-email-field-container\"><input type=\"text\" id=\"optinforms-form1-email-field\" name=\"" . optinforms_get_email_field() . "\" placeholder=\"" . optinforms_form1_default_email_field() . "\" style=\"font-family:" . optinforms_form1_default_fields_font() . "; font-size:" . optinforms_form1_default_fields_size() . "; color:" . optinforms_form1_default_fields_color() . "\" /></div><!--optinforms-form1-email-field-container--><div id=\"optinforms-form1-button-container\"><input type=\"submit\" name=\"submit\" id=\"optinforms-form1-button\" value=\"" . optinforms_form1_default_button_text() . "\" style=\"font-family:" . optinforms_form1_default_button_text_font() . "; font-size:" . optinforms_form1_default_button_text_size() . "; color:" . optinforms_form1_default_button_text_color() . "; background-color:" . optinforms_form1_default_button_background() . "\" /></div><!--optinforms-form1-button-container--><div class=\"clear\"></div><p id=\"optinforms-form1-disclaimer\" style=\"font-family:" . optinforms_form1_default_disclaimer_font() . "; font-size:" . optinforms_form1_default_disclaimer_size() . "; line-height:" . optinforms_form1_default_disclaimer_size() . "; color:" . optinforms_form1_default_disclaimer_color() . "\">" . optinforms_form1_default_disclaimer() . "</p></div><!--optinforms-form1--><div class=\"clear\"></div>" . optinforms_powered_by() . "</form></div><!--optinforms-form1-container--><div class=\"clear\"></div>" . optinforms_code_comment_end() . "";
127
+ }
128
+ elseif($optinforms_form_design == 'optinforms_form_design_option2') {
129
+ return "" . optinforms_code_comment() . "<div id=\"optinforms-form2-container\" " . optinforms_form2_get_width() . "><form method=\"post\" action=\"" . optinforms_get_form_action() . "\">" . optinforms_get_form_identifiers() . "<div id=\"optinforms-form2\" style=\"background:" . optinforms_form2_default_background() . "\"><div id=\"optinforms-form2-title-container\"><div id=\"optinforms-form2-title\" style=\"font-family:" . optinforms_form2_default_title_font() . "; font-size:" . optinforms_form2_default_title_size() . "; line-height:" . optinforms_form2_default_title_size() . "; color:" . optinforms_form2_default_title_color() . "\">" . optinforms_form2_default_title() ."</div><!--optinforms-form2-title--></div><!--optinforms-form2-title-container--><div id=\"optinforms-form2-email-field-container\"><input type=\"text\" id=\"optinforms-form2-email-field\" name=\"" . optinforms_get_email_field() . "\" placeholder=\"" . optinforms_form2_default_email_field() . "\" style=\"font-family:" . optinforms_form2_default_fields_font() . "; font-size:" . optinforms_form2_default_fields_size() . "; color:" . optinforms_form2_default_fields_color() . "\" /></div><!--optinforms-form2-email-field-container--><div id=\"optinforms-form2-button-container\"><input type=\"submit\" name=\"submit\" id=\"optinforms-form2-button\" value=\"" . optinforms_form2_default_button_text() . "\" style=\"font-family:" . optinforms_form2_default_button_text_font() . "; font-size:" . optinforms_form2_default_button_text_size() . "; color:" . optinforms_form2_default_button_text_color() . "; background-color:" . optinforms_form2_default_button_background() . "\" /></div><!--optinforms-form2-button-container--><div id=\"optinforms-form2-disclaimer-container\"><p id=\"optinforms-form2-disclaimer\" style=\"font-family:" . optinforms_form2_default_disclaimer_font() . "; font-size:" . optinforms_form2_default_disclaimer_size() . "; line-height:" . optinforms_form2_default_disclaimer_size() . "; color:" . optinforms_form2_default_disclaimer_color() . "\">" . optinforms_form2_default_disclaimer() . "</p></div><!--optinforms-form2-disclaimer-container--><div class=\"clear\"></div></div><!--optinforms-form2--><div class=\"clear\"></div>" . optinforms_powered_by() . "</form></div><!--optinforms-form2-container--><div class=\"clear\"></div>" . optinforms_code_comment_end() . "";
130
+ }
131
+ elseif($optinforms_form_design == 'optinforms_form_design_option3') {
132
+ return "" . optinforms_code_comment() . "<div id=\"optinforms-form3-container\" " . optinforms_form3_get_width() . "><form method=\"post\" action=\"" . optinforms_get_form_action() . "\">" . optinforms_get_form_identifiers() . "<div id=\"optinforms-form3\"><div id=\"optinforms-form3-inside\" style=\"background:" . optinforms_form3_default_background() . "\"><div id=\"optinforms-form3-container-left\"><div id=\"optinforms-form3-title\" style=\"font-family:" . optinforms_form3_default_title_font() . "; font-size:" . optinforms_form3_default_title_size() . "; line-height:" . optinforms_form3_default_title_size() . "; color:" . optinforms_form3_default_title_color() . "\">" . optinforms_form3_default_title() ."</div><!--optinforms-form3-title--><div id=\"optinforms-form3-subtitle\" style=\"font-family:" . optinforms_form3_default_subtitle_font() . "; font-size:" . optinforms_form3_default_subtitle_size() . "; color:" . optinforms_form3_default_subtitle_color() . "\">" . optinforms_form3_default_subtitle() . "</div><!--optinforms-form3-subtitle--></div><!--optinforms-form3-container-left--><div id=\"optinforms-form3-container-right\"><input type=\"text\" id=\"optinforms-form3-name-field\" name=\"" . optinforms_get_name_field() . "\" placeholder=\"" . optinforms_form3_default_name_field() . "\" style=\"font-family:" . optinforms_form3_default_fields_font() . "; font-size:" . optinforms_form3_default_fields_size() . "; color:" . optinforms_form3_default_fields_color() . "\" /><input type=\"text\" id=\"optinforms-form3-email-field\" name=\"" . optinforms_get_email_field() . "\" placeholder=\"" . optinforms_form3_default_email_field() . "\" style=\"font-family:" . optinforms_form3_default_fields_font() . "; font-size:" . optinforms_form3_default_fields_size() . "; color:" . optinforms_form3_default_fields_color() . "\" /><input type=\"submit\" name=\"submit\" id=\"optinforms-form3-button\" value=\"" . optinforms_form3_default_button_text() . "\" style=\"font-family:" . optinforms_form3_default_button_text_font() . "; font-size:" . optinforms_form3_default_button_text_size() . "; color:" . optinforms_form3_default_button_text_color() . "; background-color:" . optinforms_form3_default_button_background() . "\" /></div><!--optinforms-form3-container-right--><div class=\"clear\"></div></div><!--optinforms-form3-inside--></div><!--optinforms-form3--><div class=\"clear\"></div>" . optinforms_powered_by() . "</form></div><!--optinforms-form3-container--><div class=\"clear\"></div>" . optinforms_code_comment_end() . "";
133
+ }
134
+ elseif($optinforms_form_design == 'optinforms_form_design_option4') {
135
+ return "" . optinforms_code_comment() . "<div id=\"optinforms-form4-container\" " . optinforms_form4_get_width() . "><form method=\"post\" action=\"" . optinforms_get_form_action() . "\">" . optinforms_get_form_identifiers() . "<div id=\"optinforms-form4\" style=\"background:" . optinforms_form4_default_background() . "; border-color:" . optinforms_form4_default_border() . "\"><div id=\"optinforms-form4-title\" style=\"font-family:" . optinforms_form4_default_title_font() . "; font-size:" . optinforms_form4_default_title_size() . "; line-height:" . optinforms_form4_default_title_size() . "; color:" . optinforms_form4_default_title_color() . "\">" . optinforms_form4_default_title() ."</div><!--optinforms-form4-title--><div id=\"optinforms-form4-subtitle\" style=\"font-family:" . optinforms_form4_default_subtitle_font() . "; font-size:" . optinforms_form4_default_subtitle_size() . "; line-height:" . optinforms_form4_default_subtitle_size() . "; color:" . optinforms_form4_default_subtitle_color() . "\">" . optinforms_form4_default_subtitle() . "</div><!--optinforms-form4-subtitle--><input type=\"text\" id=\"optinforms-form4-email-field\" name=\"" . optinforms_get_email_field() . "\" placeholder=\"" . optinforms_form4_default_email_field() . "\" style=\"font-family:" . optinforms_form4_default_fields_font() . "; font-size:" . optinforms_form4_default_fields_size() . "; color:" . optinforms_form4_default_fields_color() . "\" /><input type=\"submit\" name=\"submit\" id=\"optinforms-form4-button\" value=\"" . optinforms_form4_default_button_text() . "\" style=\"font-family:" . optinforms_form4_default_button_text_font() . "; font-size:" . optinforms_form4_default_button_text_size() . "; color:" . optinforms_form4_default_button_text_color() . "; background-color:" . optinforms_form4_default_button_background() . "\" /><div id=\"optinforms-form4-disclaimer\" style=\"font-family:" . optinforms_form4_default_disclaimer_font() . "; font-size:" . optinforms_form4_default_disclaimer_size() . "; line-height:" . optinforms_form4_default_disclaimer_size() . "; color:" . optinforms_form4_default_disclaimer_color() . "\">" . optinforms_form4_default_disclaimer() . "</div><!--optinforms-form4-disclaimer--><div class=\"clear\"></div></div><!--optinforms-form4--><div class=\"clear\"></div>" . optinforms_powered_by() . "</form></div><!--optinforms-form4-container--><div class=\"clear\"></div>" . optinforms_code_comment_end() . "";
136
+ }
137
+ elseif($optinforms_form_design == 'optinforms_form_design_option5') {
138
+ return "" . optinforms_code_comment() . "<div id=\"optinforms-form5-container\" " . optinforms_form5_get_width() . "><form method=\"post\" action=\"" . optinforms_get_form_action() . "\">" . optinforms_get_form_identifiers() . "<div id=\"optinforms-form5\" style=\"background:" . optinforms_form5_default_background() . ";\"><div id=\"optinforms-form5-container-left\"><div id=\"optinforms-form5-title\" style=\"font-family:" . optinforms_form5_default_title_font() . "; font-size:" . optinforms_form5_default_title_size() . "; line-height:" . optinforms_form5_default_title_size() . "; color:" . optinforms_form5_default_title_color() . "\">" . optinforms_form5_default_title() ."</div><!--optinforms-form5-title--><input type=\"text\" id=\"optinforms-form5-name-field\" name=\"" . optinforms_get_name_field() . "\" placeholder=\"" . optinforms_form5_default_name_field() . "\" style=\"font-family:" . optinforms_form5_default_fields_font() . "; font-size:" . optinforms_form5_default_fields_size() . "; color:" . optinforms_form5_default_fields_color() . "\" /><input type=\"text\" id=\"optinforms-form5-email-field\" name=\"" . optinforms_get_email_field() . "\" placeholder=\"" . optinforms_form5_default_email_field() . "\" style=\"font-family:" . optinforms_form5_default_fields_font() . "; font-size:" . optinforms_form5_default_fields_size() . "; color:" . optinforms_form5_default_fields_color() . "\" /><input type=\"submit\" name=\"submit\" id=\"optinforms-form5-button\" value=\"" . optinforms_form5_default_button_text() . "\" style=\"font-family:" . optinforms_form5_default_button_text_font() . "; font-size:" . optinforms_form5_default_button_text_size() . "; color:" . optinforms_form5_default_button_text_color() . "; background-color:" . optinforms_form5_default_button_background() . "\" /></div><!--optinforms-form5-container-left--><div id=\"optinforms-form5-container-right\"><div id=\"optinforms-form5-subtitle\" style=\"font-family:" . optinforms_form5_default_subtitle_font() . "; font-size:" . optinforms_form5_default_subtitle_size() . "; color:" . optinforms_form5_default_subtitle_color() . "\">" . optinforms_form5_default_subtitle() . "</div><!--optinforms-form5-subtitle--><div id=\"optinforms-form5-disclaimer\" style=\"font-family:" . optinforms_form5_default_disclaimer_font() . "; font-size:" . optinforms_form5_default_disclaimer_size() . "; color:" . optinforms_form5_default_disclaimer_color() . "\">" . optinforms_form5_default_disclaimer() . "</div><!--optinforms-form5-disclaimer--></div><!--optinforms-form5-container-right--><div class=\"clear\"></div></div><!--optinforms-form5--><div class=\"clear\"></div>" . optinforms_powered_by() . "</form></div><!--optinforms-form5-container--><div class=\"clear\"></div>" . optinforms_code_comment_end() . "";
139
+ }
140
+ }
141
+
142
+ ?>
includes/functions.php ADDED
@@ -0,0 +1,2272 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ // Set global variables
4
+ $optinforms_email_solution = get_option('optinforms_email_solution');
5
+
6
+ $optinforms_form_action_mailchimp = get_option('optinforms_form_action_mailchimp');
7
+ $optinforms_form_action_madmimi = get_option('optinforms_form_action_madmimi');
8
+ $optinforms_form_action_interspire = get_option('optinforms_form_action_interspire');
9
+
10
+ $optinforms_form_list_name_aweber = get_option('optinforms_form_list_name_aweber');
11
+ $optinforms_form_redirect_aweber = get_option('optinforms_form_redirect_aweber');
12
+ $optinforms_form_listid_icontact = get_option('optinforms_form_listid_icontact');
13
+ $optinforms_form_specialid_icontact = get_option('optinforms_form_specialid_icontact');
14
+ $optinforms_form_clientid_icontact = get_option('optinforms_form_clientid_icontact');
15
+ $optinforms_form_redirect_icontact = get_option('optinforms_form_redirect_icontact');
16
+ $optinforms_form_error_icontact = get_option('optinforms_form_error_icontact');
17
+ $optinforms_form_webformid_getresponse = get_option('optinforms_form_webformid_getresponse');
18
+ $optinforms_form_name_field_interspire = get_option('optinforms_form_name_field_interspire');
19
+
20
+ $optinforms_included_fonts = array ("Arial", "Baumans", "Belgrano", "Chewy", "Cinzel Decorative", "Coming Soon", "Contrail One", "Damion", "Dancing Script", "Droid Sans", "Droid Serif", "Englebert", "Fenix", "Flavors", "Fredoka One", "Georgia", "Gloria Hallelujah", "Gochi Hand", "Grand Hotel", "Helvetica", "Lobster", "Luckiest Guy", "Marcellus SC", "News Cycle", "Nixie One", "Oleo Script", "Open Sans", "Oswald", "Overlock SC", "Pacifico", "Parisienne", "Quicksand", "Racing Sans One", "Roboto Condensed", "Russo One", "Sanchez", "Shadows Into Light", "Share Tech", "Signika Negative", "Tahoma", "Times New Roman", "Titan One", "Unkempt", "Verdana", "Viga");
21
+ $optinforms_included_fonts_simple = array ("Arial, Helvetica, sans-serif", "Times New Roman, Times, serif", "Tahoma, Geneva, sans-serif", "Courier New, Courier, monospace", "Georgia, Times New Roman, Times, serif", "Trebuchet MS, Arial, sans-serif", "Verdana, Geneva, sans-serif", "Palatino Linotype, Book Antiqua, serif");
22
+
23
+ $optinforms_form_design = get_option('optinforms_form_design');
24
+ $optinforms_form_placement_post = get_option('optinforms_form_placement_post');
25
+ $optinforms_form_placement_page = get_option('optinforms_form_placement_page');
26
+ $optinforms_powered_by = get_option('optinforms_powered_by');
27
+
28
+ $optinforms_form1_background = get_option('optinforms_form1_background');
29
+ $optinforms_form1_border = get_option('optinforms_form1_border');
30
+ $optinforms_form1_title = get_option('optinforms_form1_title');
31
+ $optinforms_form1_title_font = get_option('optinforms_form1_title_font');
32
+ $optinforms_form1_title_size = get_option('optinforms_form1_title_size');
33
+ $optinforms_form1_title_color = get_option('optinforms_form1_title_color');
34
+ $optinforms_form1_subtitle = get_option('optinforms_form1_subtitle');
35
+ $optinforms_form1_subtitle_font = get_option('optinforms_form1_subtitle_font');
36
+ $optinforms_form1_subtitle_size = get_option('optinforms_form1_subtitle_size');
37
+ $optinforms_form1_subtitle_color = get_option('optinforms_form1_subtitle_color');
38
+ $optinforms_form1_name_field = get_option('optinforms_form1_name_field');
39
+ $optinforms_form1_email_field = get_option('optinforms_form1_email_field');
40
+ $optinforms_form1_fields_font = get_option('optinforms_form1_fields_font');
41
+ $optinforms_form1_fields_size = get_option('optinforms_form1_fields_size');
42
+ $optinforms_form1_fields_color = get_option('optinforms_form1_fields_color');
43
+ $optinforms_form1_button_text = get_option('optinforms_form1_button_text');
44
+ $optinforms_form1_button_text_font = get_option('optinforms_form1_button_text_font');
45
+ $optinforms_form1_button_text_size = get_option('optinforms_form1_button_text_size');
46
+ $optinforms_form1_button_text_color = get_option('optinforms_form1_button_text_color');
47
+ $optinforms_form1_button_background = get_option('optinforms_form1_button_background');
48
+ $optinforms_form1_disclaimer = get_option('optinforms_form1_disclaimer');
49
+ $optinforms_form1_disclaimer_font = get_option('optinforms_form1_disclaimer_font');
50
+ $optinforms_form1_disclaimer_size = get_option('optinforms_form1_disclaimer_size');
51
+ $optinforms_form1_disclaimer_color = get_option('optinforms_form1_disclaimer_color');
52
+ $optinforms_form1_width = get_option('optinforms_form1_width');
53
+ $optinforms_form1_width_pixels = get_option('optinforms_form1_width_pixels');
54
+
55
+ $optinforms_form2_background = get_option('optinforms_form2_background');
56
+ $optinforms_form2_title = get_option('optinforms_form2_title');
57
+ $optinforms_form2_title_font = get_option('optinforms_form2_title_font');
58
+ $optinforms_form2_title_size = get_option('optinforms_form2_title_size');
59
+ $optinforms_form2_title_color = get_option('optinforms_form2_title_color');
60
+ $optinforms_form2_email_field = get_option('optinforms_form2_email_field');
61
+ $optinforms_form2_fields_font = get_option('optinforms_form2_fields_font');
62
+ $optinforms_form2_fields_size = get_option('optinforms_form2_fields_size');
63
+ $optinforms_form2_fields_color = get_option('optinforms_form2_fields_color');
64
+ $optinforms_form2_button_text = get_option('optinforms_form2_button_text');
65
+ $optinforms_form2_button_text_font = get_option('optinforms_form2_button_text_font');
66
+ $optinforms_form2_button_text_size = get_option('optinforms_form2_button_text_size');
67
+ $optinforms_form2_button_text_color = get_option('optinforms_form2_button_text_color');
68
+ $optinforms_form2_button_background = get_option('optinforms_form2_button_background');
69
+ $optinforms_form2_disclaimer = get_option('optinforms_form2_disclaimer');
70
+ $optinforms_form2_disclaimer_font = get_option('optinforms_form2_disclaimer_font');
71
+ $optinforms_form2_disclaimer_size = get_option('optinforms_form2_disclaimer_size');
72
+ $optinforms_form2_disclaimer_color = get_option('optinforms_form2_disclaimer_color');
73
+ $optinforms_form2_width = get_option('optinforms_form2_width');
74
+ $optinforms_form2_width_pixels = get_option('optinforms_form2_width_pixels');
75
+
76
+ $optinforms_form3_background = get_option('optinforms_form3_background');
77
+ $optinforms_form3_title = get_option('optinforms_form3_title');
78
+ $optinforms_form3_title_font = get_option('optinforms_form3_title_font');
79
+ $optinforms_form3_title_size = get_option('optinforms_form3_title_size');
80
+ $optinforms_form3_title_color = get_option('optinforms_form3_title_color');
81
+ $optinforms_form3_subtitle = get_option('optinforms_form3_subtitle');
82
+ $optinforms_form3_subtitle_font = get_option('optinforms_form3_subtitle_font');
83
+ $optinforms_form3_subtitle_size = get_option('optinforms_form3_subtitle_size');
84
+ $optinforms_form3_subtitle_color = get_option('optinforms_form3_subtitle_color');
85
+ $optinforms_form3_name_field = get_option('optinforms_form3_name_field');
86
+ $optinforms_form3_email_field = get_option('optinforms_form3_email_field');
87
+ $optinforms_form3_fields_font = get_option('optinforms_form3_fields_font');
88
+ $optinforms_form3_fields_size = get_option('optinforms_form3_fields_size');
89
+ $optinforms_form3_fields_color = get_option('optinforms_form3_fields_color');
90
+ $optinforms_form3_button_text = get_option('optinforms_form3_button_text');
91
+ $optinforms_form3_button_text_font = get_option('optinforms_form3_button_text_font');
92
+ $optinforms_form3_button_text_size = get_option('optinforms_form3_button_text_size');
93
+ $optinforms_form3_button_text_color = get_option('optinforms_form3_button_text_color');
94
+ $optinforms_form3_button_background = get_option('optinforms_form3_button_background');
95
+ $optinforms_form3_width = get_option('optinforms_form3_width');
96
+ $optinforms_form3_width_pixels = get_option('optinforms_form3_width_pixels');
97
+
98
+ $optinforms_form4_background = get_option('optinforms_form4_background');
99
+ $optinforms_form4_border = get_option('optinforms_form4_border');
100
+ $optinforms_form4_title = get_option('optinforms_form4_title');
101
+ $optinforms_form4_title_font = get_option('optinforms_form4_title_font');
102
+ $optinforms_form4_title_size = get_option('optinforms_form4_title_size');
103
+ $optinforms_form4_title_color = get_option('optinforms_form4_title_color');
104
+ $optinforms_form4_subtitle = get_option('optinforms_form4_subtitle');
105
+ $optinforms_form4_subtitle_font = get_option('optinforms_form4_subtitle_font');
106
+ $optinforms_form4_subtitle_size = get_option('optinforms_form4_subtitle_size');
107
+ $optinforms_form4_subtitle_color = get_option('optinforms_form4_subtitle_color');
108
+ $optinforms_form4_email_field = get_option('optinforms_form4_email_field');
109
+ $optinforms_form4_fields_font = get_option('optinforms_form4_fields_font');
110
+ $optinforms_form4_fields_size = get_option('optinforms_form4_fields_size');
111
+ $optinforms_form4_fields_color = get_option('optinforms_form4_fields_color');
112
+ $optinforms_form4_button_text = get_option('optinforms_form4_button_text');
113
+ $optinforms_form4_button_text_font = get_option('optinforms_form4_button_text_font');
114
+ $optinforms_form4_button_text_size = get_option('optinforms_form4_button_text_size');
115
+ $optinforms_form4_button_text_color = get_option('optinforms_form4_button_text_color');
116
+ $optinforms_form4_button_background = get_option('optinforms_form4_button_background');
117
+ $optinforms_form4_disclaimer = get_option('optinforms_form4_disclaimer');
118
+ $optinforms_form4_disclaimer_font = get_option('optinforms_form4_disclaimer_font');
119
+ $optinforms_form4_disclaimer_size = get_option('optinforms_form4_disclaimer_size');
120
+ $optinforms_form4_disclaimer_color = get_option('optinforms_form4_disclaimer_color');
121
+ $optinforms_form4_width = get_option('optinforms_form4_width');
122
+ $optinforms_form4_width_pixels = get_option('optinforms_form4_width_pixels');
123
+
124
+ $optinforms_form5_background = get_option('optinforms_form5_background');
125
+ $optinforms_form5_title = get_option('optinforms_form5_title');
126
+ $optinforms_form5_title_font = get_option('optinforms_form5_title_font');
127
+ $optinforms_form5_title_size = get_option('optinforms_form5_title_size');
128
+ $optinforms_form5_title_color = get_option('optinforms_form5_title_color');
129
+ $optinforms_form5_subtitle = get_option('optinforms_form5_subtitle');
130
+ $optinforms_form5_subtitle_font = get_option('optinforms_form5_subtitle_font');
131
+ $optinforms_form5_subtitle_size = get_option('optinforms_form5_subtitle_size');
132
+ $optinforms_form5_subtitle_color = get_option('optinforms_form5_subtitle_color');
133
+ $optinforms_form5_name_field = get_option('optinforms_form5_name_field');
134
+ $optinforms_form5_email_field = get_option('optinforms_form5_email_field');
135
+ $optinforms_form5_fields_font = get_option('optinforms_form5_fields_font');
136
+ $optinforms_form5_fields_size = get_option('optinforms_form5_fields_size');
137
+ $optinforms_form5_fields_color = get_option('optinforms_form5_fields_color');
138
+ $optinforms_form5_button_text = get_option('optinforms_form5_button_text');
139
+ $optinforms_form5_button_text_font = get_option('optinforms_form5_button_text_font');
140
+ $optinforms_form5_button_text_size = get_option('optinforms_form5_button_text_size');
141
+ $optinforms_form5_button_text_color = get_option('optinforms_form5_button_text_color');
142
+ $optinforms_form5_button_background = get_option('optinforms_form5_button_background');
143
+ $optinforms_form5_disclaimer = get_option('optinforms_form5_disclaimer');
144
+ $optinforms_form5_disclaimer_font = get_option('optinforms_form5_disclaimer_font');
145
+ $optinforms_form5_disclaimer_size = get_option('optinforms_form5_disclaimer_size');
146
+ $optinforms_form5_disclaimer_color = get_option('optinforms_form5_disclaimer_color');
147
+ $optinforms_form5_width = get_option('optinforms_form5_width');
148
+ $optinforms_form5_width_pixels = get_option('optinforms_form5_width_pixels');
149
+
150
+ // Add tabs for settings page
151
+ function optinforms_menu_tabs() {
152
+ echo "<ul id=\"optinforms-menu-tabs\" class=\"shadetabs\">
153
+ <li><a href=\"#\" rel=\"optinforms-email-solution-tab\" class=\"selected\">" . __('Email Solution', 'optinforms') . "</a></li>
154
+ <li><a href=\"#\" rel=\"optinforms-form-tab\">" . __('Form', 'optinforms') . "</a></li>
155
+ <li><a href=\"#\" rel=\"optinforms-placement-tab\">" . __('Placement', 'optinforms') . "</a></li>
156
+ </ul>
157
+ <div class=\"clear\"></div>";
158
+ }
159
+
160
+ // Define an email solution
161
+ function optinforms_get_email_solution() {
162
+ global $optinforms_email_solution;
163
+ if(empty($optinforms_email_solution)) {
164
+ $optinforms_email_solution = "optinforms_email_solution_option1";
165
+ }
166
+ return $optinforms_email_solution;
167
+ }
168
+
169
+ // Add our form action
170
+ function optinforms_get_form_action() {
171
+ global $optinforms_email_solution;
172
+ if(empty($optinforms_email_solution)) {
173
+ // do nothing
174
+ }
175
+ // add Aweber form action
176
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option1') {
177
+ return "http://www.aweber.com/scripts/addlead.pl";
178
+ }
179
+
180
+ // add iContact form action
181
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option2') {
182
+ return "https://app.icontact.com/icp/signup.php";
183
+ }
184
+ // add Mailchimp form action
185
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option3') {
186
+ return optinforms_form_action_mailchimp();
187
+ }
188
+ // add GetResponse form action
189
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option4') {
190
+ return "https://app.getresponse.com/add_contact_webform.html";
191
+ }
192
+ // add Mad Mimi form action
193
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option5') {
194
+ return optinforms_form_action_madmimi();
195
+ }
196
+ // add Interspire form action
197
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option6') {
198
+ return optinforms_form_action_interspire();
199
+ }
200
+ }
201
+
202
+ // MailChimp form action
203
+ function optinforms_form_action_mailchimp() {
204
+ global $optinforms_form_action_mailchimp;
205
+ if(empty($optinforms_form_action_mailchimp)) {
206
+ $optinforms_form_action_mailchimp = "";
207
+ }
208
+ return $optinforms_form_action_mailchimp;
209
+ }
210
+
211
+ // Mad Mimi form action
212
+ function optinforms_form_action_madmimi() {
213
+ global $optinforms_form_action_madmimi;
214
+ if(empty($optinforms_form_action_madmimi)) {
215
+ $optinforms_form_action_madmimi = "";
216
+ }
217
+ return $optinforms_form_action_madmimi;
218
+ }
219
+
220
+ // Interspire form action
221
+ function optinforms_form_action_interspire() {
222
+ global $optinforms_form_action_interspire;
223
+ if(empty($optinforms_form_action_interspire)) {
224
+ $optinforms_form_action_interspire = "";
225
+ }
226
+ return $optinforms_form_action_interspire;
227
+ }
228
+
229
+ // Aweber list name
230
+ function optinforms_form_list_name_aweber() {
231
+ global $optinforms_form_list_name_aweber;
232
+ if(empty($optinforms_form_list_name_aweber)) {
233
+ $optinforms_form_list_name_aweber = "";
234
+ }
235
+ return $optinforms_form_list_name_aweber;
236
+ }
237
+
238
+ // Aweber redirect URL
239
+ function optinforms_form_redirect_aweber() {
240
+ global $optinforms_form_redirect_aweber;
241
+ if(empty($optinforms_form_redirect_aweber)) {
242
+ $optinforms_form_redirect_aweber = "";
243
+ }
244
+ return $optinforms_form_redirect_aweber;
245
+ }
246
+
247
+ // iContact list ID
248
+ function optinforms_form_listid_icontact() {
249
+ global $optinforms_form_listid_icontact;
250
+ if(empty($optinforms_form_listid_icontact)) {
251
+ $optinforms_form_listid_icontact = "";
252
+ }
253
+ return $optinforms_form_listid_icontact;
254
+ }
255
+
256
+ // iContact special ID
257
+ function optinforms_form_specialid_icontact() {
258
+ global $optinforms_form_specialid_icontact;
259
+ if(empty($optinforms_form_specialid_icontact)) {
260
+ $optinforms_form_specialid_icontact = "";
261
+ }
262
+ return $optinforms_form_specialid_icontact;
263
+ }
264
+
265
+ // iContact client ID
266
+ function optinforms_form_clientid_icontact() {
267
+ global $optinforms_form_clientid_icontact;
268
+ if(empty($optinforms_form_clientid_icontact)) {
269
+ $optinforms_form_clientid_icontact = "";
270
+ }
271
+ return $optinforms_form_clientid_icontact;
272
+ }
273
+
274
+ // iContact redirect URL
275
+ function optinforms_form_redirect_icontact() {
276
+ global $optinforms_form_redirect_icontact;
277
+ if(empty($optinforms_form_redirect_icontact)) {
278
+ $optinforms_form_redirect_icontact = "";
279
+ }
280
+ return $optinforms_form_redirect_icontact;
281
+ }
282
+
283
+ // iContact error URL
284
+ function optinforms_form_error_icontact() {
285
+ global $optinforms_form_error_icontact;
286
+ if(empty($optinforms_form_error_icontact)) {
287
+ $optinforms_form_error_icontact = "";
288
+ }
289
+ return $optinforms_form_error_icontact;
290
+ }
291
+
292
+ // GetResponse webform ID
293
+ function optinforms_form_webformid_getresponse() {
294
+ global $optinforms_form_webformid_getresponse;
295
+ if(empty($optinforms_form_webformid_getresponse)) {
296
+ $optinforms_form_webformid_getresponse = "";
297
+ }
298
+ return $optinforms_form_webformid_getresponse;
299
+ }
300
+
301
+ // Interspire name ID
302
+ function optinforms_form_name_field_interspire() {
303
+ global $optinforms_form_name_field_interspire;
304
+ if(empty($optinforms_form_name_field_interspire)) {
305
+ $optinforms_form_name_field_interspire = "";
306
+ }
307
+ return $optinforms_form_name_field_interspire;
308
+ }
309
+
310
+ // Add our identifiers to the form
311
+ function optinforms_get_form_identifiers() {
312
+ global $optinforms_email_solution;
313
+ if(empty($optinforms_email_solution)) {
314
+ // do nothing
315
+ }
316
+ // add Aweber identifiers
317
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option1') {
318
+ return "<input type=\"hidden\" name=\"listname\" value=\"" . optinforms_form_list_name_aweber() . "\" /><input type=\"hidden\" name=\"redirect\" value=\"" . optinforms_form_redirect_aweber() . "\" /><input type=\"hidden\" name=\"meta_message\" value=\"1\" />";
319
+ }
320
+ // add iContact identifiers
321
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option2') {
322
+ return "<input type=\"hidden\" name=\"listid\" value=\"" . optinforms_form_listid_icontact() . "\"><input type=\"hidden\" name=\"specialid:" . optinforms_form_listid_icontact() . "\" value=\"" . optinforms_form_specialid_icontact() . "\"><input type=\"hidden\" name=\"clientid\" value=\"" . optinforms_form_clientid_icontact() . "\"><input type=\"hidden\" name=\"redirect\" value=\"" . optinforms_form_redirect_icontact() . "\"><input type=\"hidden\" name=\"errorredirect\" value=\"" . optinforms_form_error_icontact() . "\">";
323
+ }
324
+ // add Mailchimp identifiers
325
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option3') {
326
+ // do nothing
327
+ }
328
+ // add GetResponse identifiers
329
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option4') {
330
+ return "<input type=\"hidden\" name=\"webform_id\" value=\"" . optinforms_form_webformid_getresponse() . "\" />";
331
+ }
332
+ // add Mad Mimi identifiers
333
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option5') {
334
+ // do nothing
335
+ }
336
+ // add Interspire identifiers
337
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option6') {
338
+ // do nothing
339
+ }
340
+ }
341
+
342
+ // Define our name field
343
+ function optinforms_get_name_field() {
344
+ global $optinforms_email_solution;
345
+ if(empty($optinforms_email_solution)) {
346
+ return "name";
347
+ }
348
+ // define Aweber name field
349
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option1') {
350
+ return "name";
351
+ }
352
+ // define iContact name field
353
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option2') {
354
+ return "fields_fname";
355
+ }
356
+ // define Mailchimp name field
357
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option3') {
358
+ return "FNAME";
359
+ }
360
+ // define GetResponse name field
361
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option4') {
362
+ return "name";
363
+ }
364
+ // define Mad Mimi name field
365
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option5') {
366
+ return "signup[name]";
367
+ }
368
+ // define Interspore name field
369
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option6') {
370
+ return "CustomFields[" . optinforms_form_name_field_interspire() . "]";
371
+ }
372
+ }
373
+
374
+ // Define our email field
375
+ function optinforms_get_email_field() {
376
+ global $optinforms_email_solution;
377
+ if(empty($optinforms_email_solution)) {
378
+ return "email";
379
+ }
380
+ // define Aweber email field
381
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option1') {
382
+ return "email";
383
+ }
384
+ // define iContact email field
385
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option2') {
386
+ return "fields_email";
387
+ }
388
+ // define Mailchimp email field
389
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option3') {
390
+ return "EMAIL";
391
+ }
392
+ // define GetResponse email field
393
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option4') {
394
+ return "email";
395
+ }
396
+ // define Mad Mimi email field
397
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option5') {
398
+ return "signup[email]";
399
+ }
400
+ // define Interspire email field
401
+ elseif($optinforms_email_solution == 'optinforms_email_solution_option6') {
402
+ return "email";
403
+ }
404
+ }
405
+
406
+ // Define a form design
407
+ function optinforms_get_form_design() {
408
+ global $optinforms_form_design;
409
+ if(empty($optinforms_form_design)) {
410
+ $optinforms_form_design = 01;
411
+ }
412
+ return $optinforms_form_design;
413
+ }
414
+
415
+ // FORM1: default background color
416
+ function optinforms_form1_default_background() {
417
+ global $optinforms_form1_background;
418
+ if(empty($optinforms_form1_background)) {
419
+ $optinforms_form1_background = "#FFFFFF";
420
+ }
421
+ return $optinforms_form1_background;
422
+ }
423
+
424
+ // FORM1: default border color
425
+ function optinforms_form1_default_border() {
426
+ global $optinforms_form1_border;
427
+ if(empty($optinforms_form1_border)) {
428
+ $optinforms_form1_border = "#E0E0E0";
429
+ }
430
+ return $optinforms_form1_border;
431
+ }
432
+
433
+ // FORM1: default title
434
+ function optinforms_form1_default_title() {
435
+ global $optinforms_form1_title;
436
+ if(empty($optinforms_form1_title)) {
437
+ $optinforms_form1_title = __('Get Free Email Updates!', 'optinforms');
438
+ }
439
+ return $optinforms_form1_title;
440
+ }
441
+
442
+ // FORM1: default title font
443
+ function optinforms_form1_default_title_font() {
444
+ global $optinforms_form1_title_font;
445
+ if(empty($optinforms_form1_title_font)) {
446
+ $optinforms_form1_title_font = "Damion";
447
+ }
448
+ return $optinforms_form1_title_font;
449
+ }
450
+
451
+ // FORM1: title font options
452
+ function optinforms_get_form1_title_font_options() {
453
+ global $optinforms_form1_title_font;
454
+ global $optinforms_included_fonts;
455
+ foreach ($optinforms_included_fonts as $key) {
456
+ echo "<option value=\"" . $key . "\"";
457
+ if($optinforms_form1_title_font == $key){
458
+ echo "selected=selected";
459
+ }
460
+ echo ">" . $key . "</option>";
461
+ }
462
+ }
463
+
464
+ // FORM1: default title font size
465
+ function optinforms_form1_default_title_size() {
466
+ global $optinforms_form1_title_size;
467
+ if(empty($optinforms_form1_title_size)) {
468
+ $optinforms_form1_title_size = "36px";
469
+ }
470
+ return $optinforms_form1_title_size;
471
+ }
472
+
473
+ // FORM1: title font size options
474
+ function optinforms_get_form1_title_size_options() {
475
+ global $optinforms_form1_title_size;
476
+ foreach (range(10, 72) as $number) {
477
+ echo "<option value=\"" . $number . "px\"";
478
+ if($optinforms_form1_title_size == $number . "px") {
479
+ echo "selected=selected";
480
+ }
481
+ echo">" . $number . "px</option>";
482
+ }
483
+ }
484
+
485
+ // FORM1: default title color
486
+ function optinforms_form1_default_title_color() {
487
+ global $optinforms_form1_title_color;
488
+ if(empty($optinforms_form1_title_color)) {
489
+ $optinforms_form1_title_color = "#eb432c";
490
+ }
491
+ return $optinforms_form1_title_color;
492
+ }
493
+
494
+ // FORM1: default subtitle
495
+ function optinforms_form1_default_subtitle() {
496
+ global $optinforms_form1_subtitle;
497
+ if(empty($optinforms_form1_subtitle)) {
498
+ $optinforms_form1_subtitle = __('Signup now and receive an email once I publish new content.', 'optinforms');
499
+ }
500
+ return $optinforms_form1_subtitle;
501
+ }
502
+
503
+ // FORM1: default subtitle font
504
+ function optinforms_form1_default_subtitle_font() {
505
+ global $optinforms_form1_subtitle_font;
506
+ if(empty($optinforms_form1_subtitle_font)) {
507
+ $optinforms_form1_subtitle_font = "Arial";
508
+ }
509
+ return $optinforms_form1_subtitle_font;
510
+ }
511
+
512
+ // FORM1: subtitle font options
513
+ function optinforms_get_form1_subtitle_font_options() {
514
+ global $optinforms_form1_subtitle_font;
515
+ global $optinforms_included_fonts;
516
+ foreach ($optinforms_included_fonts as $key) {
517
+ echo "<option value=\"" . $key . "\"";
518
+ if($optinforms_form1_subtitle_font == $key){
519
+ echo "selected=selected";
520
+ }
521
+ echo ">" . $key . "</option>";
522
+ }
523
+ }
524
+
525
+ // FORM1: default subtitle font size
526
+ function optinforms_form1_default_subtitle_size() {
527
+ global $optinforms_form1_subtitle_size;
528
+ if(empty($optinforms_form1_subtitle_size)) {
529
+ $optinforms_form1_subtitle_size = "16px";
530
+ }
531
+ return $optinforms_form1_subtitle_size;
532
+ }
533
+
534
+ // FORM1: subtitle font size options
535
+ function optinforms_get_form1_subtitle_size_options() {
536
+ global $optinforms_form1_subtitle_size;
537
+ foreach (range(10, 72) as $number) {
538
+ echo "<option value=\"" . $number . "px\"";
539
+ if($optinforms_form1_subtitle_size == $number . "px") {
540
+ echo "selected=selected";
541
+ }
542
+ echo">" . $number . "px</option>";
543
+ }
544
+ }
545
+
546
+ // FORM1: default subtitle color
547
+ function optinforms_form1_default_subtitle_color() {
548
+ global $optinforms_form1_subtitle_color;
549
+ if(empty($optinforms_form1_subtitle_color)) {
550
+ $optinforms_form1_subtitle_color = "#000000";
551
+ }
552
+ return $optinforms_form1_subtitle_color;
553
+ }
554
+
555
+ // FORM1: default name field
556
+ function optinforms_form1_default_name_field() {
557
+ global $optinforms_form1_name_field;
558
+ if(empty($optinforms_form1_name_field)) {
559
+ $optinforms_form1_name_field = __('Enter Your Name', 'optinforms');
560
+ }
561
+ return $optinforms_form1_name_field;
562
+ }
563
+
564
+ // FORM1: default email field
565
+ function optinforms_form1_default_email_field() {
566
+ global $optinforms_form1_email_field;
567
+ if(empty($optinforms_form1_email_field)) {
568
+ $optinforms_form1_email_field = __('Enter Your Email Address', 'optinforms');
569
+ }
570
+ return $optinforms_form1_email_field;
571
+ }
572
+
573
+ // FORM1: default email fields font
574
+ function optinforms_form1_default_fields_font() {
575
+ global $optinforms_form1_fields_font;
576
+ if(empty($optinforms_form1_fields_font)) {
577
+ $optinforms_form1_fields_font = "Arial, Helvetica, sans-serif";
578
+ }
579
+ return $optinforms_form1_fields_font;
580
+ }
581
+
582
+ // FORM1: email fields font options
583
+ function optinforms_get_form1_fields_font_options() {
584
+ global $optinforms_form1_fields_font;
585
+ global $optinforms_included_fonts_simple;
586
+ foreach ($optinforms_included_fonts_simple as $key) {
587
+ echo "<option value=\"" . $key . "\"";
588
+ if($optinforms_form1_fields_font == $key){
589
+ echo "selected=selected";
590
+ }
591
+ echo ">" . $key . "</option>";
592
+ }
593
+ }
594
+
595
+ // FORM1: email fields font size
596
+ function optinforms_form1_default_fields_size() {
597
+ global $optinforms_form1_fields_size;
598
+ if(empty($optinforms_form1_fields_size)) {
599
+ $optinforms_form1_fields_size = "12px";
600
+ }
601
+ return $optinforms_form1_fields_size;
602
+ }
603
+
604
+ // FORM1: email fields font size options
605
+ function optinforms_get_form1_fields_size_options() {
606
+ global $optinforms_form1_fields_size;
607
+ foreach (range(10, 20) as $number) {
608
+ echo "<option value=\"" . $number . "px\"";
609
+ if($optinforms_form1_fields_size == $number . "px") {
610
+ echo "selected=selected";
611
+ }
612
+ echo">" . $number . "px</option>";
613
+ }
614
+ }
615
+
616
+ // FORM1: default fields color
617
+ function optinforms_form1_default_fields_color() {
618
+ global $optinforms_form1_fields_color;
619
+ if(empty($optinforms_form1_fields_color)) {
620
+ $optinforms_form1_fields_color = "#666666";
621
+ }
622
+ return $optinforms_form1_fields_color;
623
+ }
624
+
625
+ // FORM1: default button text
626
+ function optinforms_form1_default_button_text() {
627
+ global $optinforms_form1_button_text;
628
+ if(empty($optinforms_form1_button_text)) {
629
+ $optinforms_form1_button_text = __('SIGN UP', 'optinforms');
630
+ }
631
+ return $optinforms_form1_button_text;
632
+ }
633
+
634
+ // FORM1: default button text font
635
+ function optinforms_form1_default_button_text_font() {
636
+ global $optinforms_form1_button_text_font;
637
+ if(empty($optinforms_form1_button_text_font)) {
638
+ $optinforms_form1_button_text_font = "Arial, Helvetica, sans-serif";
639
+ }
640
+ return $optinforms_form1_button_text_font;
641
+ }
642
+
643
+ // FORM1: button text font options
644
+ function optinforms_get_form1_button_text_font_options() {
645
+ global $optinforms_form1_button_text_font;
646
+ global $optinforms_included_fonts_simple;
647
+ foreach ($optinforms_included_fonts_simple as $key) {
648
+ echo "<option value=\"" . $key . "\"";
649
+ if($optinforms_form1_button_text_font == $key){
650
+ echo "selected=selected";
651
+ }
652
+ echo ">" . $key . "</option>";
653
+ }
654
+ }
655
+
656
+ // FORM1: button text font size
657
+ function optinforms_form1_default_button_text_size() {
658
+ global $optinforms_form1_button_text_size;
659
+ if(empty($optinforms_form1_button_text_size)) {
660
+ $optinforms_form1_button_text_size = "14px";
661
+ }
662
+ return $optinforms_form1_button_text_size;
663
+ }
664
+
665
+ // FORM1: button text font size options
666
+ function optinforms_get_form1_button_text_size_options() {
667
+ global $optinforms_form1_button_text_size;
668
+ foreach (range(10, 20) as $number) {
669
+ echo "<option value=\"" . $number . "px\"";
670
+ if($optinforms_form1_button_text_size == $number . "px") {
671
+ echo "selected=selected";
672
+ }
673
+ echo">" . $number . "px</option>";
674
+ }
675
+ }
676
+
677
+ // FORM1: default button text color
678
+ function optinforms_form1_default_button_text_color() {
679
+ global $optinforms_form1_button_text_color;
680
+ if(empty($optinforms_form1_button_text_color)) {
681
+ $optinforms_form1_button_text_color = "#FFFFFF";
682
+ }
683
+ return $optinforms_form1_button_text_color;
684
+ }
685
+
686
+ // FORM1: default button background color
687
+ function optinforms_form1_default_button_background() {
688
+ global $optinforms_form1_button_background;
689
+ if(empty($optinforms_form1_button_background)) {
690
+ $optinforms_form1_button_background = "#20A64C";
691
+ }
692
+ return $optinforms_form1_button_background;
693
+ }
694
+
695
+ // FORM1: default disclaimer
696
+ function optinforms_form1_default_disclaimer() {
697
+ global $optinforms_form1_disclaimer;
698
+ if(empty($optinforms_form1_disclaimer)) {
699
+ $optinforms_form1_disclaimer = __('I will never give away, trade or sell your email address. You can unsubscribe at any time.', 'optinforms');
700
+ }
701
+ return $optinforms_form1_disclaimer;
702
+ }
703
+
704
+ // FORM1: default disclaimer font
705
+ function optinforms_form1_default_disclaimer_font() {
706
+ global $optinforms_form1_disclaimer_font;
707
+ if(empty($optinforms_form1_disclaimer_font)) {
708
+ $optinforms_form1_disclaimer_font = "Arial, Helvetica, sans-serif";
709
+ }
710
+ return $optinforms_form1_disclaimer_font;
711
+ }
712
+
713
+ // FORM1: disclaimer font options
714
+ function optinforms_get_form1_disclaimer_font_options() {
715
+ global $optinforms_form1_disclaimer_font;
716
+ global $optinforms_included_fonts_simple;
717
+ foreach ($optinforms_included_fonts_simple as $key) {
718
+ echo "<option value=\"" . $key . "\"";
719
+ if($optinforms_form1_disclaimer_font == $key){
720
+ echo "selected=selected";
721
+ }
722
+ echo ">" . $key . "</option>";
723
+ }
724
+ }
725
+
726
+ // FORM1: disclaimer font size
727
+ function optinforms_form1_default_disclaimer_size() {
728
+ global $optinforms_form1_disclaimer_size;
729
+ if(empty($optinforms_form1_disclaimer_size)) {
730
+ $optinforms_form1_disclaimer_size = "12px";
731
+ }
732
+ return $optinforms_form1_disclaimer_size;
733
+ }
734
+
735
+ // FORM1: disclaimer font size options
736
+ function optinforms_get_form1_disclaimer_size_options() {
737
+ global $optinforms_form1_disclaimer_size;
738
+ foreach (range(10, 20) as $number) {
739
+ echo "<option value=\"" . $number . "px\"";
740
+ if($optinforms_form1_disclaimer_size == $number . "px") {
741
+ echo "selected=selected";
742
+ }
743
+ echo">" . $number . "px</option>";
744
+ }
745
+ }
746
+
747
+ // FORM1: default disclaimer color
748
+ function optinforms_form1_default_disclaimer_color() {
749
+ global $optinforms_form1_disclaimer_color;
750
+ if(empty($optinforms_form1_disclaimer_color)) {
751
+ $optinforms_form1_disclaimer_color = "#666666";
752
+ }
753
+ return $optinforms_form1_disclaimer_color;
754
+ }
755
+
756
+ // FORM1: default width
757
+ function optinforms_form1_default_width() {
758
+ global $optinforms_form1_width;
759
+ if(empty($optinforms_form1_width)) {
760
+ $optinforms_form1_width = 0;
761
+ }
762
+ }
763
+
764
+ // FORM1: 100% width checked
765
+ function optinforms_form1_checked_width_100() {
766
+ global $optinforms_form1_width;
767
+ if($optinforms_form1_width == 0) {
768
+ echo "checked=\"checked\"";
769
+ }
770
+ }
771
+
772
+ // FORM1: fixed width checked
773
+ function optinforms_form1_checked_width_fixed() {
774
+ global $optinforms_form1_width;
775
+ if($optinforms_form1_width == 1) {
776
+ echo "checked=\"checked\"";
777
+ }
778
+ }
779
+
780
+ // FORM1: fixed width disabled if width is 100%
781
+ function optinforms_form1_disabled_width_pixels() {
782
+ global $optinforms_form1_width;
783
+ if($optinforms_form1_width == 0) {
784
+ echo "disabled=\"disabled\"";
785
+ }
786
+ }
787
+
788
+ // FORM1: default width fixed
789
+ function optinforms_form1_default_width_pixels() {
790
+ global $optinforms_form1_width_pixels;
791
+ if(empty($optinforms_form1_width_pixels)) {
792
+ $optinforms_form1_width_pixels = "700";
793
+ }
794
+ return $optinforms_form1_width_pixels;
795
+ }
796
+
797
+ // FORM1: default width fixed
798
+ function optinforms_form1_get_width() {
799
+ global $optinforms_form1_width;
800
+ if($optinforms_form1_width == 0) {
801
+ // do nothing
802
+ }
803
+ elseif($optinforms_form1_width == 1) {
804
+ return "style=\"width:" . optinforms_form1_default_width_pixels() . "px\"";
805
+ }
806
+ }
807
+
808
+ // FORM2: default background color
809
+ function optinforms_form2_default_background() {
810
+ global $optinforms_form2_background;
811
+ if(empty($optinforms_form2_background)) {
812
+ $optinforms_form2_background = "#266d7c";
813
+ }
814
+ return $optinforms_form2_background;
815
+ }
816
+
817
+ // FORM2: default title
818
+ function optinforms_form2_default_title() {
819
+ global $optinforms_form2_title;
820
+ if(empty($optinforms_form2_title)) {
821
+ $optinforms_form2_title = __('Receive Updates', 'optinforms');
822
+ }
823
+ return $optinforms_form2_title;
824
+ }
825
+
826
+ // FORM2: default title font
827
+ function optinforms_form2_default_title_font() {
828
+ global $optinforms_form2_title_font;
829
+ if(empty($optinforms_form2_title_font)) {
830
+ $optinforms_form2_title_font = "Pacifico";
831
+ }
832
+ return $optinforms_form2_title_font;
833
+ }
834
+
835
+ // FORM2: title font options
836
+ function optinforms_get_form2_title_font_options() {
837
+ global $optinforms_form2_title_font;
838
+ global $optinforms_included_fonts;
839
+ foreach ($optinforms_included_fonts as $key) {
840
+ echo "<option value=\"" . $key . "\"";
841
+ if($optinforms_form2_title_font == $key){
842
+ echo "selected=selected";
843
+ }
844
+ echo ">" . $key . "</option>";
845
+ }
846
+ }
847
+
848
+ // FORM2: default title font size
849
+ function optinforms_form2_default_title_size() {
850
+ global $optinforms_form2_title_size;
851
+ if(empty($optinforms_form2_title_size)) {
852
+ $optinforms_form2_title_size = "28px";
853
+ }
854
+ return $optinforms_form2_title_size;
855
+ }
856
+
857
+ // FORM2: title font size options
858
+ function optinforms_get_form2_title_size_options() {
859
+ global $optinforms_form2_title_size;
860
+ foreach (range(10, 72) as $number) {
861
+ echo "<option value=\"" . $number . "px\"";
862
+ if($optinforms_form2_title_size == $number . "px") {
863
+ echo "selected=selected";
864
+ }
865
+ echo">" . $number . "px</option>";
866
+ }
867
+ }
868
+
869
+ // FORM2: default title color
870
+ function optinforms_form2_default_title_color() {
871
+ global $optinforms_form2_title_color;
872
+ if(empty($optinforms_form2_title_color)) {
873
+ $optinforms_form2_title_color = "#ffffff";
874
+ }
875
+ return $optinforms_form2_title_color;
876
+ }
877
+
878
+ // FORM2: default email field
879
+ function optinforms_form2_default_email_field() {
880
+ global $optinforms_form2_email_field;
881
+ if(empty($optinforms_form2_email_field)) {
882
+ $optinforms_form2_email_field = __('Enter Your Email Address', 'optinforms');
883
+ }
884
+ return $optinforms_form2_email_field;
885
+ }
886
+
887
+ // FORM2: default email fields font
888
+ function optinforms_form2_default_fields_font() {
889
+ global $optinforms_form2_fields_font;
890
+ if(empty($optinforms_form2_fields_font)) {
891
+ $optinforms_form2_fields_font = "Arial, Helvetica, sans-serif";
892
+ }
893
+ return $optinforms_form2_fields_font;
894
+ }
895
+
896
+ // FORM2: email fields font options
897
+ function optinforms_get_form2_fields_font_options() {
898
+ global $optinforms_form2_fields_font;
899
+ global $optinforms_included_fonts_simple;
900
+ foreach ($optinforms_included_fonts_simple as $key) {
901
+ echo "<option value=\"" . $key . "\"";
902
+ if($optinforms_form2_fields_font == $key){
903
+ echo "selected=selected";
904
+ }
905
+ echo ">" . $key . "</option>";
906
+ }
907
+ }
908
+
909
+ // FORM2: email fields font size
910
+ function optinforms_form2_default_fields_size() {
911
+ global $optinforms_form2_fields_size;
912
+ if(empty($optinforms_form2_fields_size)) {
913
+ $optinforms_form2_fields_size = "12px";
914
+ }
915
+ return $optinforms_form2_fields_size;
916
+ }
917
+
918
+ // FORM2: email fields font size options
919
+ function optinforms_get_form2_fields_size_options() {
920
+ global $optinforms_form2_fields_size;
921
+ foreach (range(10, 20) as $number) {
922
+ echo "<option value=\"" . $number . "px\"";
923
+ if($optinforms_form2_fields_size == $number . "px") {
924
+ echo "selected=selected";
925
+ }
926
+ echo">" . $number . "px</option>";
927
+ }
928
+ }
929
+
930
+ // FORM2: email fields color
931
+ function optinforms_form2_default_fields_color() {
932
+ global $optinforms_form2_fields_color;
933
+ if(empty($optinforms_form2_fields_color)) {
934
+ $optinforms_form2_fields_color = "#000000";
935
+ }
936
+ return $optinforms_form2_fields_color;
937
+ }
938
+
939
+ // FORM2: default button text
940
+ function optinforms_form2_default_button_text() {
941
+ global $optinforms_form2_button_text;
942
+ if(empty($optinforms_form2_button_text)) {
943
+ $optinforms_form2_button_text = __('Sign Up', 'optinforms');
944
+ }
945
+ return $optinforms_form2_button_text;
946
+ }
947
+
948
+ // FORM2: default button text font
949
+ function optinforms_form2_default_button_text_font() {
950
+ global $optinforms_form2_button_text_font;
951
+ if(empty($optinforms_form2_button_text_font)) {
952
+ $optinforms_form2_button_text_font = "Arial, Helvetica, sans-serif";
953
+ }
954
+ return $optinforms_form2_button_text_font;
955
+ }
956
+
957
+ // FORM2: button text font options
958
+ function optinforms_get_form2_button_text_font_options() {
959
+ global $optinforms_form2_button_text_font;
960
+ global $optinforms_included_fonts_simple;
961
+ foreach ($optinforms_included_fonts_simple as $key) {
962
+ echo "<option value=\"" . $key . "\"";
963
+ if($optinforms_form2_button_text_font == $key){
964
+ echo "selected=selected";
965
+ }
966
+ echo ">" . $key . "</option>";
967
+ }
968
+ }
969
+
970
+ // FORM2: button text font size
971
+ function optinforms_form2_default_button_text_size() {
972
+ global $optinforms_form2_button_text_size;
973
+ if(empty($optinforms_form2_button_text_size)) {
974
+ $optinforms_form2_button_text_size = "14px";
975
+ }
976
+ return $optinforms_form2_button_text_size;
977
+ }
978
+
979
+ // FORM2: button text font size options
980
+ function optinforms_get_form2_button_text_size_options() {
981
+ global $optinforms_form2_button_text_size;
982
+ foreach (range(10, 20) as $number) {
983
+ echo "<option value=\"" . $number . "px\"";
984
+ if($optinforms_form2_button_text_size == $number . "px") {
985
+ echo "selected=selected";
986
+ }
987
+ echo">" . $number . "px</option>";
988
+ }
989
+ }
990
+
991
+ // FORM2: default button text color
992
+ function optinforms_form2_default_button_text_color() {
993
+ global $optinforms_form2_button_text_color;
994
+ if(empty($optinforms_form2_button_text_color)) {
995
+ $optinforms_form2_button_text_color = "#FFFFFF";
996
+ }
997
+ return $optinforms_form2_button_text_color;
998
+ }
999
+
1000
+ // FORM2: default button background color
1001
+ function optinforms_form2_default_button_background() {
1002
+ global $optinforms_form2_button_background;
1003
+ if(empty($optinforms_form2_button_background)) {
1004
+ $optinforms_form2_button_background = "#49A3FE";
1005
+ }
1006
+ return $optinforms_form2_button_background;
1007
+ }
1008
+
1009
+ // FORM2: default disclaimer
1010
+ function optinforms_form2_default_disclaimer() {
1011
+ global $optinforms_form2_disclaimer;
1012
+ if(empty($optinforms_form2_disclaimer)) {
1013
+ $optinforms_form2_disclaimer = __('No spam guarantee.', 'optinforms');
1014
+ }
1015
+ return $optinforms_form2_disclaimer;
1016
+ }
1017
+
1018
+ // FORM2: default disclaimer font
1019
+ function optinforms_form2_default_disclaimer_font() {
1020
+ global $optinforms_form2_disclaimer_font;
1021
+ if(empty($optinforms_form2_disclaimer_font)) {
1022
+ $optinforms_form2_disclaimer_font = "Arial, Helvetica, sans-serif";
1023
+ }
1024
+ return $optinforms_form2_disclaimer_font;
1025
+ }
1026
+
1027
+ // FORM2: disclaimer font options
1028
+ function optinforms_get_form2_disclaimer_font_options() {
1029
+ global $optinforms_form2_disclaimer_font;
1030
+ global $optinforms_included_fonts_simple;
1031
+ foreach ($optinforms_included_fonts_simple as $key) {
1032
+ echo "<option value=\"" . $key . "\"";
1033
+ if($optinforms_form2_disclaimer_font == $key){
1034
+ echo "selected=selected";
1035
+ }
1036
+ echo ">" . $key . "</option>";
1037
+ }
1038
+ }
1039
+
1040
+ // FORM2: disclaimer font size
1041
+ function optinforms_form2_default_disclaimer_size() {
1042
+ global $optinforms_form2_disclaimer_size;
1043
+ if(empty($optinforms_form2_disclaimer_size)) {
1044
+ $optinforms_form2_disclaimer_size = "11px";
1045
+ }
1046
+ return $optinforms_form2_disclaimer_size;
1047
+ }
1048
+
1049
+ // FORM2: disclaimer font size options
1050
+ function optinforms_get_form2_disclaimer_size_options() {
1051
+ global $optinforms_form2_disclaimer_size;
1052
+ foreach (range(10, 20) as $number) {
1053
+ echo "<option value=\"" . $number . "px\"";
1054
+ if($optinforms_form2_disclaimer_size == $number . "px") {
1055
+ echo "selected=selected";
1056
+ }
1057
+ echo">" . $number . "px</option>";
1058
+ }
1059
+ }
1060
+
1061
+ // FORM2: default disclaimer color
1062
+ function optinforms_form2_default_disclaimer_color() {
1063
+ global $optinforms_form2_disclaimer_color;
1064
+ if(empty($optinforms_form2_disclaimer_color)) {
1065
+ $optinforms_form2_disclaimer_color = "#ffffff";
1066
+ }
1067
+ return $optinforms_form2_disclaimer_color;
1068
+ }
1069
+
1070
+ // FORM2: default width
1071
+ function optinforms_form2_default_width() {
1072
+ global $optinforms_form2_width;
1073
+ if(empty($optinforms_form2_width)) {
1074
+ $optinforms_form2_width = 0;
1075
+ }
1076
+ }
1077
+
1078
+ // FORM2: 100% width checked
1079
+ function optinforms_form2_checked_width_100() {
1080
+ global $optinforms_form2_width;
1081
+ if($optinforms_form2_width == 0) {
1082
+ echo "checked=\"checked\"";
1083
+ }
1084
+ }
1085
+
1086
+ // FORM2: fixed width checked
1087
+ function optinforms_form2_checked_width_fixed() {
1088
+ global $optinforms_form2_width;
1089
+ if($optinforms_form2_width == 1) {
1090
+ echo "checked=\"checked\"";
1091
+ }
1092
+ }
1093
+
1094
+ // FORM2: fixed width disabled if width is 100%
1095
+ function optinforms_form2_disabled_width_pixels() {
1096
+ global $optinforms_form2_width;
1097
+ if($optinforms_form2_width == 0) {
1098
+ echo "disabled=\"disabled\"";
1099
+ }
1100
+ }
1101
+
1102
+ // FORM1: default width fixed
1103
+ function optinforms_form2_default_width_pixels() {
1104
+ global $optinforms_form2_width_pixels;
1105
+ if(empty($optinforms_form2_width_pixels)) {
1106
+ $optinforms_form2_width_pixels = "700";
1107
+ }
1108
+ return $optinforms_form2_width_pixels;
1109
+ }
1110
+
1111
+ // FORM2: default width fixed
1112
+ function optinforms_form2_get_width() {
1113
+ global $optinforms_form2_width;
1114
+ if($optinforms_form2_width == 0) {
1115
+ // do nothing
1116
+ }
1117
+ elseif($optinforms_form2_width == 1) {
1118
+ return "style=\"width:" . optinforms_form2_default_width_pixels() . "px\"";
1119
+ }
1120
+ }
1121
+
1122
+ // FORM3: default background color
1123
+ function optinforms_form3_default_background() {
1124
+ global $optinforms_form3_background;
1125
+ if(empty($optinforms_form3_background)) {
1126
+ $optinforms_form3_background = "#FFFFFF";
1127
+ }
1128
+ return $optinforms_form3_background;
1129
+ }
1130
+
1131
+ // FORM3: default title
1132
+ function optinforms_form3_default_title() {
1133
+ global $optinforms_form3_title;
1134
+ if(empty($optinforms_form3_title)) {
1135
+ $optinforms_form3_title = __('Did you enjoy this article?', 'optinforms');
1136
+ }
1137
+ return $optinforms_form3_title;
1138
+ }
1139
+
1140
+ // FORM3: default title font
1141
+ function optinforms_form3_default_title_font() {
1142
+ global $optinforms_form3_title_font;
1143
+ if(empty($optinforms_form3_title_font)) {
1144
+ $optinforms_form3_title_font = "Droid Serif";
1145
+ }
1146
+ return $optinforms_form3_title_font;
1147
+ }
1148
+
1149
+ // FORM3: title font options
1150
+ function optinforms_get_form3_title_font_options() {
1151
+ global $optinforms_form3_title_font;
1152
+ global $optinforms_included_fonts;
1153
+ foreach ($optinforms_included_fonts as $key) {
1154
+ echo "<option value=\"" . $key . "\"";
1155
+ if($optinforms_form3_title_font == $key){
1156
+ echo "selected=selected";
1157
+ }
1158
+ echo ">" . $key . "</option>";
1159
+ }
1160
+ }
1161
+
1162
+ // FORM3: default title font size
1163
+ function optinforms_form3_default_title_size() {
1164
+ global $optinforms_form3_title_size;
1165
+ if(empty($optinforms_form3_title_size)) {
1166
+ $optinforms_form3_title_size = "28px";
1167
+ }
1168
+ return $optinforms_form3_title_size;
1169
+ }
1170
+
1171
+ // FORM3: title font size options
1172
+ function optinforms_get_form3_title_size_options() {
1173
+ global $optinforms_form3_title_size;
1174
+ foreach (range(10, 72) as $number) {
1175
+ echo "<option value=\"" . $number . "px\"";
1176
+ if($optinforms_form3_title_size == $number . "px") {
1177
+ echo "selected=selected";
1178
+ }
1179
+ echo">" . $number . "px</option>";
1180
+ }
1181
+ }
1182
+
1183
+ // FORM3: default title color
1184
+ function optinforms_form3_default_title_color() {
1185
+ global $optinforms_form3_title_color;
1186
+ if(empty($optinforms_form3_title_color)) {
1187
+ $optinforms_form3_title_color = "#505050";
1188
+ }
1189
+ return $optinforms_form3_title_color;
1190
+ }
1191
+
1192
+ // FORM3: default subtitle
1193
+ function optinforms_form3_default_subtitle() {
1194
+ global $optinforms_form3_subtitle;
1195
+ if(empty($optinforms_form3_subtitle)) {
1196
+ $optinforms_form3_subtitle = __('Signup today and receive free updates straight in your inbox. We will never share or sell your email address.', 'optinforms');
1197
+ }
1198
+ return $optinforms_form3_subtitle;
1199
+ }
1200
+
1201
+ // FORM3: default subtitle font
1202
+ function optinforms_form3_default_subtitle_font() {
1203
+ global $optinforms_form3_subtitle_font;
1204
+ if(empty($optinforms_form3_subtitle_font)) {
1205
+ $optinforms_form3_subtitle_font = "Arial";
1206
+ }
1207
+ return $optinforms_form3_subtitle_font;
1208
+ }
1209
+
1210
+ // FORM3: subtitle font options
1211
+ function optinforms_get_form3_subtitle_font_options() {
1212
+ global $optinforms_form3_subtitle_font;
1213
+ global $optinforms_included_fonts;
1214
+ foreach ($optinforms_included_fonts as $key) {
1215
+ echo "<option value=\"" . $key . "\"";
1216
+ if($optinforms_form3_subtitle_font == $key){
1217
+ echo "selected=selected";
1218
+ }
1219
+ echo ">" . $key . "</option>";
1220
+ }
1221
+ }
1222
+
1223
+ // FORM3: default subtitle font size
1224
+ function optinforms_form3_default_subtitle_size() {
1225
+ global $optinforms_form3_subtitle_size;
1226
+ if(empty($optinforms_form3_subtitle_size)) {
1227
+ $optinforms_form3_subtitle_size = "16px";
1228
+ }
1229
+ return $optinforms_form3_subtitle_size;
1230
+ }
1231
+
1232
+ // FORM3: subtitle font size options
1233
+ function optinforms_get_form3_subtitle_size_options() {
1234
+ global $optinforms_form3_subtitle_size;
1235
+ foreach (range(10, 24) as $number) {
1236
+ echo "<option value=\"" . $number . "px\"";
1237
+ if($optinforms_form3_subtitle_size == $number . "px") {
1238
+ echo "selected=selected";
1239
+ }
1240
+ echo">" . $number . "px</option>";
1241
+ }
1242
+ }
1243
+
1244
+ // FORM3: default subtitle color
1245
+ function optinforms_form3_default_subtitle_color() {
1246
+ global $optinforms_form3_subtitle_color;
1247
+ if(empty($optinforms_form3_subtitle_color)) {
1248
+ $optinforms_form3_subtitle_color = "#000000";
1249
+ }
1250
+ return $optinforms_form3_subtitle_color;
1251
+ }
1252
+
1253
+ // FORM3: default name field
1254
+ function optinforms_form3_default_name_field() {
1255
+ global $optinforms_form3_name_field;
1256
+ if(empty($optinforms_form3_name_field)) {
1257
+ $optinforms_form3_name_field = __('Your Name', 'optinforms');
1258
+ }
1259
+ return $optinforms_form3_name_field;
1260
+ }
1261
+
1262
+ // FORM3: default email field
1263
+ function optinforms_form3_default_email_field() {
1264
+ global $optinforms_form3_email_field;
1265
+ if(empty($optinforms_form3_email_field)) {
1266
+ $optinforms_form3_email_field = __('Your Email Address', 'optinforms');
1267
+ }
1268
+ return $optinforms_form3_email_field;
1269
+ }
1270
+
1271
+ // FORM3: default email fields font
1272
+ function optinforms_form3_default_fields_font() {
1273
+ global $optinforms_form3_fields_font;
1274
+ if(empty($optinforms_form3_fields_font)) {
1275
+ $optinforms_form3_fields_font = "Arial, Helvetica, sans-serif";
1276
+ }
1277
+ return $optinforms_form3_fields_font;
1278
+ }
1279
+
1280
+ // FORM3: email fields font options
1281
+ function optinforms_get_form3_fields_font_options() {
1282
+ global $optinforms_form3_fields_font;
1283
+ global $optinforms_included_fonts_simple;
1284
+ foreach ($optinforms_included_fonts_simple as $key) {
1285
+ echo "<option value=\"" . $key . "\"";
1286
+ if($optinforms_form3_fields_font == $key){
1287
+ echo "selected=selected";
1288
+ }
1289
+ echo ">" . $key . "</option>";
1290
+ }
1291
+ }
1292
+
1293
+ // FORM3: email fields font size
1294
+ function optinforms_form3_default_fields_size() {
1295
+ global $optinforms_form3_fields_size;
1296
+ if(empty($optinforms_form3_fields_size)) {
1297
+ $optinforms_form3_fields_size = "12px";
1298
+ }
1299
+ return $optinforms_form3_fields_size;
1300
+ }
1301
+
1302
+ // FORM3: email fields font size options
1303
+ function optinforms_get_form3_fields_size_options() {
1304
+ global $optinforms_form3_fields_size;
1305
+ foreach (range(10, 20) as $number) {
1306
+ echo "<option value=\"" . $number . "px\"";
1307
+ if($optinforms_form3_fields_size == $number . "px") {
1308
+ echo "selected=selected";
1309
+ }
1310
+ echo">" . $number . "px</option>";
1311
+ }
1312
+ }
1313
+
1314
+ // FORM3: default fields color
1315
+ function optinforms_form3_default_fields_color() {
1316
+ global $optinforms_form3_fields_color;
1317
+ if(empty($optinforms_form3_fields_color)) {
1318
+ $optinforms_form3_fields_color = "#666666";
1319
+ }
1320
+ return $optinforms_form3_fields_color;
1321
+ }
1322
+
1323
+ // FORM3: default button text
1324
+ function optinforms_form3_default_button_text() {
1325
+ global $optinforms_form3_button_text;
1326
+ if(empty($optinforms_form3_button_text)) {
1327
+ $optinforms_form3_button_text = __('Sign Up Today!', 'optinforms');
1328
+ }
1329
+ return $optinforms_form3_button_text;
1330
+ }
1331
+
1332
+ // FORM3: default button text font
1333
+ function optinforms_form3_default_button_text_font() {
1334
+ global $optinforms_form3_button_text_font;
1335
+ if(empty($optinforms_form3_button_text_font)) {
1336
+ $optinforms_form3_button_text_font = "Arial, Helvetica, sans-serif";
1337
+ }
1338
+ return $optinforms_form3_button_text_font;
1339
+ }
1340
+
1341
+ // FORM3: button text font options
1342
+ function optinforms_get_form3_button_text_font_options() {
1343
+ global $optinforms_form3_button_text_font;
1344
+ global $optinforms_included_fonts_simple;
1345
+ foreach ($optinforms_included_fonts_simple as $key) {
1346
+ echo "<option value=\"" . $key . "\"";
1347
+ if($optinforms_form3_button_text_font == $key){
1348
+ echo "selected=selected";
1349
+ }
1350
+ echo ">" . $key . "</option>";
1351
+ }
1352
+ }
1353
+
1354
+ // FORM3: button text font size
1355
+ function optinforms_form3_default_button_text_size() {
1356
+ global $optinforms_form3_button_text_size;
1357
+ if(empty($optinforms_form3_button_text_size)) {
1358
+ $optinforms_form3_button_text_size = "18px";
1359
+ }
1360
+ return $optinforms_form3_button_text_size;
1361
+ }
1362
+
1363
+ // FORM3: button text font size options
1364
+ function optinforms_get_form3_button_text_size_options() {
1365
+ global $optinforms_form3_button_text_size;
1366
+ foreach (range(10, 20) as $number) {
1367
+ echo "<option value=\"" . $number . "px\"";
1368
+ if($optinforms_form3_button_text_size == $number . "px") {
1369
+ echo "selected=selected";
1370
+ }
1371
+ echo">" . $number . "px</option>";
1372
+ }
1373
+ }
1374
+
1375
+ // FORM3: default button text color
1376
+ function optinforms_form3_default_button_text_color() {
1377
+ global $optinforms_form3_button_text_color;
1378
+ if(empty($optinforms_form3_button_text_color)) {
1379
+ $optinforms_form3_button_text_color = "#FFFFFF";
1380
+ }
1381
+ return $optinforms_form3_button_text_color;
1382
+ }
1383
+
1384
+ // FORM3: default button background color
1385
+ function optinforms_form3_default_button_background() {
1386
+ global $optinforms_form3_button_background;
1387
+ if(empty($optinforms_form3_button_background)) {
1388
+ $optinforms_form3_button_background = "#49A3FE";
1389
+ }
1390
+ return $optinforms_form3_button_background;
1391
+ }
1392
+
1393
+ // FORM3: default width
1394
+ function optinforms_form3_default_width() {
1395
+ global $optinforms_form3_width;
1396
+ if(empty($optinforms_form3_width)) {
1397
+ $optinforms_form3_width = 0;
1398
+ }
1399
+ }
1400
+
1401
+ // FORM3: 100% width checked
1402
+ function optinforms_form3_checked_width_100() {
1403
+ global $optinforms_form3_width;
1404
+ if($optinforms_form3_width == 0) {
1405
+ echo "checked=\"checked\"";
1406
+ }
1407
+ }
1408
+
1409
+ // FORM3: fixed width checked
1410
+ function optinforms_form3_checked_width_fixed() {
1411
+ global $optinforms_form3_width;
1412
+ if($optinforms_form3_width == 1) {
1413
+ echo "checked=\"checked\"";
1414
+ }
1415
+ }
1416
+
1417
+ // FORM3: fixed width disabled if width is 100%
1418
+ function optinforms_form3_disabled_width_pixels() {
1419
+ global $optinforms_form3_width;
1420
+ if($optinforms_form3_width == 0) {
1421
+ echo "disabled=\"disabled\"";
1422
+ }
1423
+ }
1424
+
1425
+ // FORM3: default width fixed
1426
+ function optinforms_form3_default_width_pixels() {
1427
+ global $optinforms_form3_width_pixels;
1428
+ if(empty($optinforms_form3_width_pixels)) {
1429
+ $optinforms_form3_width_pixels = "700";
1430
+ }
1431
+ return $optinforms_form3_width_pixels;
1432
+ }
1433
+
1434
+ // FORM3: default width fixed
1435
+ function optinforms_form3_get_width() {
1436
+ global $optinforms_form3_width;
1437
+ if($optinforms_form3_width == 0) {
1438
+ // do nothing
1439
+ }
1440
+ elseif($optinforms_form3_width == 1) {
1441
+ return "style=\"width:" . optinforms_form3_default_width_pixels() . "px\"";
1442
+ }
1443
+ }
1444
+
1445
+ // FORM4: default background color
1446
+ function optinforms_form4_default_background() {
1447
+ global $optinforms_form4_background;
1448
+ if(empty($optinforms_form4_background)) {
1449
+ $optinforms_form4_background = "#FCFCFC";
1450
+ }
1451
+ return $optinforms_form4_background;
1452
+ }
1453
+
1454
+ // FORM4: default border color
1455
+ function optinforms_form4_default_border() {
1456
+ global $optinforms_form4_border;
1457
+ if(empty($optinforms_form4_border)) {
1458
+ $optinforms_form4_border = "#ECEAED";
1459
+ }
1460
+ return $optinforms_form4_border;
1461
+ }
1462
+
1463
+ // FORM4: default title
1464
+ function optinforms_form4_default_title() {
1465
+ global $optinforms_form4_title;
1466
+ if(empty($optinforms_form4_title)) {
1467
+ $optinforms_form4_title = __('Get the FREE eBook...', 'optinforms');
1468
+ }
1469
+ return $optinforms_form4_title;
1470
+ }
1471
+
1472
+ // FORM4: default title font
1473
+ function optinforms_form4_default_title_font() {
1474
+ global $optinforms_form4_title_font;
1475
+ if(empty($optinforms_form4_title_font)) {
1476
+ $optinforms_form4_title_font = "Arial";
1477
+ }
1478
+ return $optinforms_form4_title_font;
1479
+ }
1480
+
1481
+ // FORM4: title font options
1482
+ function optinforms_get_form4_title_font_options() {
1483
+ global $optinforms_form4_title_font;
1484
+ global $optinforms_included_fonts;
1485
+ foreach ($optinforms_included_fonts as $key) {
1486
+ echo "<option value=\"" . $key . "\"";
1487
+ if($optinforms_form4_title_font == $key){
1488
+ echo "selected=selected";
1489
+ }
1490
+ echo ">" . $key . "</option>";
1491
+ }
1492
+ }
1493
+
1494
+ // FORM4: default title font size
1495
+ function optinforms_form4_default_title_size() {
1496
+ global $optinforms_form4_title_size;
1497
+ if(empty($optinforms_form4_title_size)) {
1498
+ $optinforms_form4_title_size = "24px";
1499
+ }
1500
+ return $optinforms_form4_title_size;
1501
+ }
1502
+
1503
+ // FORM4: title font size options
1504
+ function optinforms_get_form4_title_size_options() {
1505
+ global $optinforms_form4_title_size;
1506
+ foreach (range(10, 72) as $number) {
1507
+ echo "<option value=\"" . $number . "px\"";
1508
+ if($optinforms_form4_title_size == $number . "px") {
1509
+ echo "selected=selected";
1510
+ }
1511
+ echo">" . $number . "px</option>";
1512
+ }
1513
+ }
1514
+
1515
+ // FORM4: default title color
1516
+ function optinforms_form4_default_title_color() {
1517
+ global $optinforms_form4_title_color;
1518
+ if(empty($optinforms_form4_title_color)) {
1519
+ $optinforms_form4_title_color = "#505050";
1520
+ }
1521
+ return $optinforms_form4_title_color;
1522
+ }
1523
+
1524
+ // FORM4: default subtitle
1525
+ function optinforms_form4_default_subtitle() {
1526
+ global $optinforms_form4_subtitle;
1527
+ if(empty($optinforms_form4_subtitle)) {
1528
+ $optinforms_form4_subtitle = __('Enter your email address and click on the Get Instant Access button.', 'optinforms');
1529
+ }
1530
+ return $optinforms_form4_subtitle;
1531
+ }
1532
+
1533
+ // FORM4: default subtitle font
1534
+ function optinforms_form4_default_subtitle_font() {
1535
+ global $optinforms_form4_subtitle_font;
1536
+ if(empty($optinforms_form4_subtitle_font)) {
1537
+ $optinforms_form4_subtitle_font = "Arial";
1538
+ }
1539
+ return $optinforms_form4_subtitle_font;
1540
+ }
1541
+
1542
+ // FORM4: subtitle font options
1543
+ function optinforms_get_form4_subtitle_font_options() {
1544
+ global $optinforms_form4_subtitle_font;
1545
+ global $optinforms_included_fonts;
1546
+ foreach ($optinforms_included_fonts as $key) {
1547
+ echo "<option value=\"" . $key . "\"";
1548
+ if($optinforms_form4_subtitle_font == $key){
1549
+ echo "selected=selected";
1550
+ }
1551
+ echo ">" . $key . "</option>";
1552
+ }
1553
+ }
1554
+
1555
+ // FORM4: default subtitle font size
1556
+ function optinforms_form4_default_subtitle_size() {
1557
+ global $optinforms_form4_subtitle_size;
1558
+ if(empty($optinforms_form4_subtitle_size)) {
1559
+ $optinforms_form4_subtitle_size = "16px";
1560
+ }
1561
+ return $optinforms_form4_subtitle_size;
1562
+ }
1563
+
1564
+ // FORM4: subtitle font size options
1565
+ function optinforms_get_form4_subtitle_size_options() {
1566
+ global $optinforms_form4_subtitle_size;
1567
+ foreach (range(10, 72) as $number) {
1568
+ echo "<option value=\"" . $number . "px\"";
1569
+ if($optinforms_form4_subtitle_size == $number . "px") {
1570
+ echo "selected=selected";
1571
+ }
1572
+ echo">" . $number . "px</option>";
1573
+ }
1574
+ }
1575
+
1576
+ // FORM4: default subtitle color
1577
+ function optinforms_form4_default_subtitle_color() {
1578
+ global $optinforms_form4_subtitle_color;
1579
+ if(empty($optinforms_form4_subtitle_color)) {
1580
+ $optinforms_form4_subtitle_color = "#505050";
1581
+ }
1582
+ return $optinforms_form4_subtitle_color;
1583
+ }
1584
+
1585
+ // FORM4: default email field
1586
+ function optinforms_form4_default_email_field() {
1587
+ global $optinforms_form4_email_field;
1588
+ if(empty($optinforms_form4_email_field)) {
1589
+ $optinforms_form4_email_field = __('Email Address', 'optinforms');
1590
+ }
1591
+ return $optinforms_form4_email_field;
1592
+ }
1593
+
1594
+ // FORM4: default email fields font
1595
+ function optinforms_form4_default_fields_font() {
1596
+ global $optinforms_form4_fields_font;
1597
+ if(empty($optinforms_form4_fields_font)) {
1598
+ $optinforms_form4_fields_font = "Arial, Helvetica, sans-serif";
1599
+ }
1600
+ return $optinforms_form4_fields_font;
1601
+ }
1602
+
1603
+ // FORM4: email fields font options
1604
+ function optinforms_get_form4_fields_font_options() {
1605
+ global $optinforms_form4_fields_font;
1606
+ global $optinforms_included_fonts_simple;
1607
+ foreach ($optinforms_included_fonts_simple as $key) {
1608
+ echo "<option value=\"" . $key . "\"";
1609
+ if($optinforms_form4_fields_font == $key){
1610
+ echo "selected=selected";
1611
+ }
1612
+ echo ">" . $key . "</option>";
1613
+ }
1614
+ }
1615
+
1616
+ // FORM4: email fields font size
1617
+ function optinforms_form4_default_fields_size() {
1618
+ global $optinforms_form4_fields_size;
1619
+ if(empty($optinforms_form4_fields_size)) {
1620
+ $optinforms_form4_fields_size = "16px";
1621
+ }
1622
+ return $optinforms_form4_fields_size;
1623
+ }
1624
+
1625
+ // FORM4: email fields font size options
1626
+ function optinforms_get_form4_fields_size_options() {
1627
+ global $optinforms_form4_fields_size;
1628
+ foreach (range(10, 20) as $number) {
1629
+ echo "<option value=\"" . $number . "px\"";
1630
+ if($optinforms_form4_fields_size == $number . "px") {
1631
+ echo "selected=selected";
1632
+ }
1633
+ echo">" . $number . "px</option>";
1634
+ }
1635
+ }
1636
+
1637
+ // FORM4: default fields color
1638
+ function optinforms_form4_default_fields_color() {
1639
+ global $optinforms_form4_fields_color;
1640
+ if(empty($optinforms_form4_fields_color)) {
1641
+ $optinforms_form4_fields_color = "#666666";
1642
+ }
1643
+ return $optinforms_form4_fields_color;
1644
+ }
1645
+
1646
+ // FORM4: default button text
1647
+ function optinforms_form4_default_button_text() {
1648
+ global $optinforms_form4_button_text;
1649
+ if(empty($optinforms_form4_button_text)) {
1650
+ $optinforms_form4_button_text = __('Get Instant Access', 'optinforms');
1651
+ }
1652
+ return $optinforms_form4_button_text;
1653
+ }
1654
+
1655
+ // FORM4: default button text font
1656
+ function optinforms_form4_default_button_text_font() {
1657
+ global $optinforms_form4_button_text_font;
1658
+ if(empty($optinforms_form4_button_text_font)) {
1659
+ $optinforms_form4_button_text_font = "Arial, Helvetica, sans-serif";
1660
+ }
1661
+ return $optinforms_form4_button_text_font;
1662
+ }
1663
+
1664
+ // FORM4: button text font options
1665
+ function optinforms_get_form4_button_text_font_options() {
1666
+ global $optinforms_form4_button_text_font;
1667
+ global $optinforms_included_fonts_simple;
1668
+ foreach ($optinforms_included_fonts_simple as $key) {
1669
+ echo "<option value=\"" . $key . "\"";
1670
+ if($optinforms_form4_button_text_font == $key){
1671
+ echo "selected=selected";
1672
+ }
1673
+ echo ">" . $key . "</option>";
1674
+ }
1675
+ }
1676
+
1677
+ // FORM4: button text font size
1678
+ function optinforms_form4_default_button_text_size() {
1679
+ global $optinforms_form4_button_text_size;
1680
+ if(empty($optinforms_form4_button_text_size)) {
1681
+ $optinforms_form4_button_text_size = "20px";
1682
+ }
1683
+ return $optinforms_form4_button_text_size;
1684
+ }
1685
+
1686
+ // FORM4: button text font size options
1687
+ function optinforms_get_form4_button_text_size_options() {
1688
+ global $optinforms_form4_button_text_size;
1689
+ foreach (range(10, 30) as $number) {
1690
+ echo "<option value=\"" . $number . "px\"";
1691
+ if($optinforms_form4_button_text_size == $number . "px") {
1692
+ echo "selected=selected";
1693
+ }
1694
+ echo">" . $number . "px</option>";
1695
+ }
1696
+ }
1697
+
1698
+ // FORM4: default button text color
1699
+ function optinforms_form4_default_button_text_color() {
1700
+ global $optinforms_form4_button_text_color;
1701
+ if(empty($optinforms_form4_button_text_color)) {
1702
+ $optinforms_form4_button_text_color = "#1d629b";
1703
+ }
1704
+ return $optinforms_form4_button_text_color;
1705
+ }
1706
+
1707
+ // FORM4: default button background color
1708
+ function optinforms_form4_default_button_background() {
1709
+ global $optinforms_form4_button_background;
1710
+ if(empty($optinforms_form4_button_background)) {
1711
+ $optinforms_form4_button_background = "#faff5b";
1712
+ }
1713
+ return $optinforms_form4_button_background;
1714
+ }
1715
+
1716
+ // FORM4: default disclaimer
1717
+ function optinforms_form4_default_disclaimer() {
1718
+ global $optinforms_form4_disclaimer;
1719
+ if(empty($optinforms_form4_disclaimer)) {
1720
+ $optinforms_form4_disclaimer = __('We respect your privacy', 'optinforms');
1721
+ }
1722
+ return $optinforms_form4_disclaimer;
1723
+ }
1724
+
1725
+ // FORM4: default disclaimer font
1726
+ function optinforms_form4_default_disclaimer_font() {
1727
+ global $optinforms_form4_disclaimer_font;
1728
+ if(empty($optinforms_form4_disclaimer_font)) {
1729
+ $optinforms_form4_disclaimer_font = "Arial, Helvetica, sans-serif";
1730
+ }
1731
+ return $optinforms_form4_disclaimer_font;
1732
+ }
1733
+
1734
+ // FORM4: disclaimer font options
1735
+ function optinforms_get_form4_disclaimer_font_options() {
1736
+ global $optinforms_form4_disclaimer_font;
1737
+ global $optinforms_included_fonts_simple;
1738
+ foreach ($optinforms_included_fonts_simple as $key) {
1739
+ echo "<option value=\"" . $key . "\"";
1740
+ if($optinforms_form4_disclaimer_font == $key){
1741
+ echo "selected=selected";
1742
+ }
1743
+ echo ">" . $key . "</option>";
1744
+ }
1745
+ }
1746
+
1747
+ // FORM4: disclaimer font size
1748
+ function optinforms_form4_default_disclaimer_size() {
1749
+ global $optinforms_form4_disclaimer_size;
1750
+ if(empty($optinforms_form4_disclaimer_size)) {
1751
+ $optinforms_form4_disclaimer_size = "12px";
1752
+ }
1753
+ return $optinforms_form4_disclaimer_size;
1754
+ }
1755
+
1756
+ // FORM4: disclaimer font size options
1757
+ function optinforms_get_form4_disclaimer_size_options() {
1758
+ global $optinforms_form4_disclaimer_size;
1759
+ foreach (range(10, 20) as $number) {
1760
+ echo "<option value=\"" . $number . "px\"";
1761
+ if($optinforms_form4_disclaimer_size == $number . "px") {
1762
+ echo "selected=selected";
1763
+ }
1764
+ echo">" . $number . "px</option>";
1765
+ }
1766
+ }
1767
+
1768
+ // FORM4: default disclaimer color
1769
+ function optinforms_form4_default_disclaimer_color() {
1770
+ global $optinforms_form4_disclaimer_color;
1771
+ if(empty($optinforms_form4_disclaimer_color)) {
1772
+ $optinforms_form4_disclaimer_color = "#999999";
1773
+ }
1774
+ return $optinforms_form4_disclaimer_color;
1775
+ }
1776
+
1777
+ // FORM4: default width
1778
+ function optinforms_form4_default_width() {
1779
+ global $optinforms_form4_width;
1780
+ if(empty($optinforms_form4_width)) {
1781
+ $optinforms_form4_width = 0;
1782
+ }
1783
+ }
1784
+
1785
+ // FORM4: 100% width checked
1786
+ function optinforms_form4_checked_width_100() {
1787
+ global $optinforms_form4_width;
1788
+ if($optinforms_form4_width == 0) {
1789
+ echo "checked=\"checked\"";
1790
+ }
1791
+ }
1792
+
1793
+ // FORM4: fixed width checked
1794
+ function optinforms_form4_checked_width_fixed() {
1795
+ global $optinforms_form4_width;
1796
+ if($optinforms_form4_width == 1) {
1797
+ echo "checked=\"checked\"";
1798
+ }
1799
+ }
1800
+
1801
+ // FORM4: fixed width disabled if width is 100%
1802
+ function optinforms_form4_disabled_width_pixels() {
1803
+ global $optinforms_form4_width;
1804
+ if($optinforms_form4_width == 0) {
1805
+ echo "disabled=\"disabled\"";
1806
+ }
1807
+ }
1808
+
1809
+ // FORM4: default width fixed
1810
+ function optinforms_form4_default_width_pixels() {
1811
+ global $optinforms_form4_width_pixels;
1812
+ if(empty($optinforms_form4_width_pixels)) {
1813
+ $optinforms_form4_width_pixels = "700";
1814
+ }
1815
+ return $optinforms_form4_width_pixels;
1816
+ }
1817
+
1818
+ // FORM4: default width fixed
1819
+ function optinforms_form4_get_width() {
1820
+ global $optinforms_form4_width;
1821
+ if($optinforms_form4_width == 0) {
1822
+ // do nothing
1823
+ }
1824
+ elseif($optinforms_form4_width == 1) {
1825
+ return "style=\"width:" . optinforms_form4_default_width_pixels() . "px\"";
1826
+ }
1827
+ }
1828
+
1829
+ // FORM5: default background color
1830
+ function optinforms_form5_default_background() {
1831
+ global $optinforms_form5_background;
1832
+ if(empty($optinforms_form5_background)) {
1833
+ $optinforms_form5_background = "#333333";
1834
+ }
1835
+ return $optinforms_form5_background;
1836
+ }
1837
+
1838
+ // FORM5: default title
1839
+ function optinforms_form5_default_title() {
1840
+ global $optinforms_form5_title;
1841
+ if(empty($optinforms_form5_title)) {
1842
+ $optinforms_form5_title = __('JOIN OUR NEWSLETTER', 'optinforms');
1843
+ }
1844
+ return $optinforms_form5_title;
1845
+ }
1846
+
1847
+ // FORM5: default title font
1848
+ function optinforms_form5_default_title_font() {
1849
+ global $optinforms_form5_title_font;
1850
+ if(empty($optinforms_form5_title_font)) {
1851
+ $optinforms_form5_title_font = "News Cycle";
1852
+ }
1853
+ return $optinforms_form5_title_font;
1854
+ }
1855
+
1856
+ // FORM5: title font options
1857
+ function optinforms_get_form5_title_font_options() {
1858
+ global $optinforms_form5_title_font;
1859
+ global $optinforms_included_fonts;
1860
+ foreach ($optinforms_included_fonts as $key) {
1861
+ echo "<option value=\"" . $key . "\"";
1862
+ if($optinforms_form5_title_font == $key){
1863
+ echo "selected=selected";
1864
+ }
1865
+ echo ">" . $key . "</option>";
1866
+ }
1867
+ }
1868
+
1869
+ // FORM5: default title font size
1870
+ function optinforms_form5_default_title_size() {
1871
+ global $optinforms_form5_title_size;
1872
+ if(empty($optinforms_form5_title_size)) {
1873
+ $optinforms_form5_title_size = "24px";
1874
+ }
1875
+ return $optinforms_form5_title_size;
1876
+ }
1877
+
1878
+ // FORM5: title font size options
1879
+ function optinforms_get_form5_title_size_options() {
1880
+ global $optinforms_form5_title_size;
1881
+ foreach (range(10, 72) as $number) {
1882
+ echo "<option value=\"" . $number . "px\"";
1883
+ if($optinforms_form5_title_size == $number . "px") {
1884
+ echo "selected=selected";
1885
+ }
1886
+ echo">" . $number . "px</option>";
1887
+ }
1888
+ }
1889
+
1890
+ // FORM5: default title color
1891
+ function optinforms_form5_default_title_color() {
1892
+ global $optinforms_form5_title_color;
1893
+ if(empty($optinforms_form5_title_color)) {
1894
+ $optinforms_form5_title_color = "#fb6a13";
1895
+ }
1896
+ return $optinforms_form5_title_color;
1897
+ }
1898
+
1899
+ // FORM5: default subtitle
1900
+ function optinforms_form5_default_subtitle() {
1901
+ global $optinforms_form5_subtitle;
1902
+ if(empty($optinforms_form5_subtitle)) {
1903
+ $optinforms_form5_subtitle = __('Join over 3.000 visitors who are receiving our newsletter and learn how to optimize your blog for search engines, find free traffic, and monetize your website.', 'optinforms');
1904
+ }
1905
+ return $optinforms_form5_subtitle;
1906
+ }
1907
+
1908
+ // FORM5: default subtitle font
1909
+ function optinforms_form5_default_subtitle_font() {
1910
+ global $optinforms_form5_subtitle_font;
1911
+ if(empty($optinforms_form5_subtitle_font)) {
1912
+ $optinforms_form5_subtitle_font = "Georgia";
1913
+ }
1914
+ return $optinforms_form5_subtitle_font;
1915
+ }
1916
+
1917
+ // FORM5: subtitle font options
1918
+ function optinforms_get_form5_subtitle_font_options() {
1919
+ global $optinforms_form5_subtitle_font;
1920
+ global $optinforms_included_fonts;
1921
+ foreach ($optinforms_included_fonts as $key) {
1922
+ echo "<option value=\"" . $key . "\"";
1923
+ if($optinforms_form5_subtitle_font == $key){
1924
+ echo "selected=selected";
1925
+ }
1926
+ echo ">" . $key . "</option>";
1927
+ }
1928
+ }
1929
+
1930
+ // FORM5: default subtitle font size
1931
+ function optinforms_form5_default_subtitle_size() {
1932
+ global $optinforms_form5_subtitle_size;
1933
+ if(empty($optinforms_form5_subtitle_size)) {
1934
+ $optinforms_form5_subtitle_size = "16px";
1935
+ }
1936
+ return $optinforms_form5_subtitle_size;
1937
+ }
1938
+
1939
+ // FORM5: subtitle font size options
1940
+ function optinforms_get_form5_subtitle_size_options() {
1941
+ global $optinforms_form5_subtitle_size;
1942
+ foreach (range(10, 20) as $number) {
1943
+ echo "<option value=\"" . $number . "px\"";
1944
+ if($optinforms_form5_subtitle_size == $number . "px") {
1945
+ echo "selected=selected";
1946
+ }
1947
+ echo">" . $number . "px</option>";
1948
+ }
1949
+ }
1950
+
1951
+ // FORM5: default subtitle color
1952
+ function optinforms_form5_default_subtitle_color() {
1953
+ global $optinforms_form5_subtitle_color;
1954
+ if(empty($optinforms_form5_subtitle_color)) {
1955
+ $optinforms_form5_subtitle_color = "#cccccc";
1956
+ }
1957
+ return $optinforms_form5_subtitle_color;
1958
+ }
1959
+
1960
+ // FORM5: default name field
1961
+ function optinforms_form5_default_name_field() {
1962
+ global $optinforms_form5_name_field;
1963
+ if(empty($optinforms_form5_name_field)) {
1964
+ $optinforms_form5_name_field = __('Enter Your Name', 'optinforms');
1965
+ }
1966
+ return $optinforms_form5_name_field;
1967
+ }
1968
+
1969
+ // FORM5: default email field
1970
+ function optinforms_form5_default_email_field() {
1971
+ global $optinforms_form5_email_field;
1972
+ if(empty($optinforms_form5_email_field)) {
1973
+ $optinforms_form5_email_field = __('Enter Your Email', 'optinforms');
1974
+ }
1975
+ return $optinforms_form5_email_field;
1976
+ }
1977
+
1978
+ // FORM5: default email fields font
1979
+ function optinforms_form5_default_fields_font() {
1980
+ global $optinforms_form5_fields_font;
1981
+ if(empty($optinforms_form5_fields_font)) {
1982
+ $optinforms_form5_fields_font = "Arial, Helvetica, sans-serif";
1983
+ }
1984
+ return $optinforms_form5_fields_font;
1985
+ }
1986
+
1987
+ // FORM5: email fields font options
1988
+ function optinforms_get_form5_fields_font_options() {
1989
+ global $optinforms_form5_fields_font;
1990
+ global $optinforms_included_fonts_simple;
1991
+ foreach ($optinforms_included_fonts_simple as $key) {
1992
+ echo "<option value=\"" . $key . "\"";
1993
+ if($optinforms_form5_fields_font == $key){
1994
+ echo "selected=selected";
1995
+ }
1996
+ echo ">" . $key . "</option>";
1997
+ }
1998
+ }
1999
+
2000
+ // FORM5: email fields font size
2001
+ function optinforms_form5_default_fields_size() {
2002
+ global $optinforms_form5_fields_size;
2003
+ if(empty($optinforms_form5_fields_size)) {
2004
+ $optinforms_form5_fields_size = "12px";
2005
+ }
2006
+ return $optinforms_form5_fields_size;
2007
+ }
2008
+
2009
+ // FORM5: email fields font size options
2010
+ function optinforms_get_form5_fields_size_options() {
2011
+ global $optinforms_form5_fields_size;
2012
+ foreach (range(10, 20) as $number) {
2013
+ echo "<option value=\"" . $number . "px\"";
2014
+ if($optinforms_form5_fields_size == $number . "px") {
2015
+ echo "selected=selected";
2016
+ }
2017
+ echo">" . $number . "px</option>";
2018
+ }
2019
+ }
2020
+
2021
+ // FORM5: default fields color
2022
+ function optinforms_form5_default_fields_color() {
2023
+ global $optinforms_form5_fields_color;
2024
+ if(empty($optinforms_form5_fields_color)) {
2025
+ $optinforms_form5_fields_color = "#000000";
2026
+ }
2027
+ return $optinforms_form5_fields_color;
2028
+ }
2029
+
2030
+ // FORM5: default button text
2031
+ function optinforms_form5_default_button_text() {
2032
+ global $optinforms_form5_button_text;
2033
+ if(empty($optinforms_form5_button_text)) {
2034
+ $optinforms_form5_button_text = __('SUBSCRIBE FOR FREE', 'optinforms');
2035
+ }
2036
+ return $optinforms_form5_button_text;
2037
+ }
2038
+
2039
+ // FORM5: default button text font
2040
+ function optinforms_form5_default_button_text_font() {
2041
+ global $optinforms_form5_button_text_font;
2042
+ if(empty($optinforms_form5_button_text_font)) {
2043
+ $optinforms_form5_button_text_font = "Arial, Helvetica, sans-serif";
2044
+ }
2045
+ return $optinforms_form5_button_text_font;
2046
+ }
2047
+
2048
+ // FORM5: button text font options
2049
+ function optinforms_get_form5_button_text_font_options() {
2050
+ global $optinforms_form5_button_text_font;
2051
+ global $optinforms_included_fonts_simple;
2052
+ foreach ($optinforms_included_fonts_simple as $key) {
2053
+ echo "<option value=\"" . $key . "\"";
2054
+ if($optinforms_form5_button_text_font == $key){
2055
+ echo "selected=selected";
2056
+ }
2057
+ echo ">" . $key . "</option>";
2058
+ }
2059
+ }
2060
+
2061
+ // FORM5: button text font size
2062
+ function optinforms_form5_default_button_text_size() {
2063
+ global $optinforms_form5_button_text_size;
2064
+ if(empty($optinforms_form5_button_text_size)) {
2065
+ $optinforms_form5_button_text_size = "16px";
2066
+ }
2067
+ return $optinforms_form5_button_text_size;
2068
+ }
2069
+
2070
+ // FORM5: button text font size options
2071
+ function optinforms_get_form5_button_text_size_options() {
2072
+ global $optinforms_form5_button_text_size;
2073
+ foreach (range(10, 20) as $number) {
2074
+ echo "<option value=\"" . $number . "px\"";
2075
+ if($optinforms_form5_button_text_size == $number . "px") {
2076
+ echo "selected=selected";
2077
+ }
2078
+ echo">" . $number . "px</option>";
2079
+ }
2080
+ }
2081
+
2082
+ // FORM5: default button text color
2083
+ function optinforms_form5_default_button_text_color() {
2084
+ global $optinforms_form5_button_text_color;
2085
+ if(empty($optinforms_form5_button_text_color)) {
2086
+ $optinforms_form5_button_text_color = "#FFFFFF";
2087
+ }
2088
+ return $optinforms_form5_button_text_color;
2089
+ }
2090
+
2091
+ // FORM5: default button background color
2092
+ function optinforms_form5_default_button_background() {
2093
+ global $optinforms_form5_button_background;
2094
+ if(empty($optinforms_form5_button_background)) {
2095
+ $optinforms_form5_button_background = "#fb6a13";
2096
+ }
2097
+ return $optinforms_form5_button_background;
2098
+ }
2099
+
2100
+ // FORM5: default disclaimer
2101
+ function optinforms_form5_default_disclaimer() {
2102
+ global $optinforms_form5_disclaimer;
2103
+ if(empty($optinforms_form5_disclaimer)) {
2104
+ $optinforms_form5_disclaimer = __('We hate spam. Your email address will not be sold or shared with anyone else.', 'optinforms');
2105
+ }
2106
+ return $optinforms_form5_disclaimer;
2107
+ }
2108
+
2109
+ // FORM5: default disclaimer font
2110
+ function optinforms_form5_default_disclaimer_font() {
2111
+ global $optinforms_form5_disclaimer_font;
2112
+ if(empty($optinforms_form5_disclaimer_font)) {
2113
+ $optinforms_form5_disclaimer_font = "Georgia, Times New Roman, Times, serif";
2114
+ }
2115
+ return $optinforms_form5_disclaimer_font;
2116
+ }
2117
+
2118
+ // FORM5: disclaimer font options
2119
+ function optinforms_get_form5_disclaimer_font_options() {
2120
+ global $optinforms_form5_disclaimer_font;
2121
+ global $optinforms_included_fonts_simple;
2122
+ foreach ($optinforms_included_fonts_simple as $key) {
2123
+ echo "<option value=\"" . $key . "\"";
2124
+ if($optinforms_form5_disclaimer_font == $key){
2125
+ echo "selected=selected";
2126
+ }
2127
+ echo ">" . $key . "</option>";
2128
+ }
2129
+ }
2130
+
2131
+ // FORM5: disclaimer font size
2132
+ function optinforms_form5_default_disclaimer_size() {
2133
+ global $optinforms_form5_disclaimer_size;
2134
+ if(empty($optinforms_form5_disclaimer_size)) {
2135
+ $optinforms_form5_disclaimer_size = "14px";
2136
+ }
2137
+ return $optinforms_form5_disclaimer_size;
2138
+ }
2139
+
2140
+ // FORM5: disclaimer font size options
2141
+ function optinforms_get_form5_disclaimer_size_options() {
2142
+ global $optinforms_form5_disclaimer_size;
2143
+ foreach (range(10, 20) as $number) {
2144
+ echo "<option value=\"" . $number . "px\"";
2145
+ if($optinforms_form5_disclaimer_size == $number . "px") {
2146
+ echo "selected=selected";
2147
+ }
2148
+ echo">" . $number . "px</option>";
2149
+ }
2150
+ }
2151
+
2152
+ // FORM5: default disclaimer color
2153
+ function optinforms_form5_default_disclaimer_color() {
2154
+ global $optinforms_form5_disclaimer_color;
2155
+ if(empty($optinforms_form5_disclaimer_color)) {
2156
+ $optinforms_form5_disclaimer_color = "#727272";
2157
+ }
2158
+ return $optinforms_form5_disclaimer_color;
2159
+ }
2160
+
2161
+ // FORM5: default width
2162
+ function optinforms_form5_default_width() {
2163
+ global $optinforms_form5_width;
2164
+ if(empty($optinforms_form5_width)) {
2165
+ $optinforms_form5_width = 0;
2166
+ }
2167
+ }
2168
+
2169
+ // FORM5: 100% width checked
2170
+ function optinforms_form5_checked_width_100() {
2171
+ global $optinforms_form5_width;
2172
+ if($optinforms_form5_width == 0) {
2173
+ echo "checked=\"checked\"";
2174
+ }
2175
+ }
2176
+
2177
+ // FORM5: fixed width checked
2178
+ function optinforms_form5_checked_width_fixed() {
2179
+ global $optinforms_form5_width;
2180
+ if($optinforms_form5_width == 1) {
2181
+ echo "checked=\"checked\"";
2182
+ }
2183
+ }
2184
+
2185
+ // FORM5: fixed width disabled if width is 100%
2186
+ function optinforms_form5_disabled_width_pixels() {
2187
+ global $optinforms_form5_width;
2188
+ if($optinforms_form5_width == 0) {
2189
+ echo "disabled=\"disabled\"";
2190
+ }
2191
+ }
2192
+
2193
+ // FORM5: default width fixed
2194
+ function optinforms_form5_default_width_pixels() {
2195
+ global $optinforms_form5_width_pixels;
2196
+ if(empty($optinforms_form5_width_pixels)) {
2197
+ $optinforms_form5_width_pixels = "700";
2198
+ }
2199
+ return $optinforms_form5_width_pixels;
2200
+ }
2201
+
2202
+ // FORM5: default width fixed
2203
+ function optinforms_form5_get_width() {
2204
+ global $optinforms_form5_width;
2205
+ if($optinforms_form5_width == 0) {
2206
+ // do nothing
2207
+ }
2208
+ elseif($optinforms_form5_width == 1) {
2209
+ return "style=\"width:" . optinforms_form5_default_width_pixels() . "px\"";
2210
+ }
2211
+ }
2212
+
2213
+ // Show us some love :)
2214
+ function optinforms_powered_by() {
2215
+ global $optinforms_powered_by;
2216
+ if($optinforms_powered_by == 0) {
2217
+ // do nothing
2218
+ }
2219
+ elseif($optinforms_powered_by == 1) {
2220
+ return "<div id=\"optinforms-powered-by\">Powered by <a href=\"http://www.codeleon.com/wordpress/plugins/optin-forms\" target=\"_blank\">Optin Forms</a></div><!--optinforms-powered-by-->";
2221
+ }
2222
+ }
2223
+
2224
+ // Check radiobutton show Powered By link
2225
+ function optinforms_powered_by_show() {
2226
+ global $optinforms_powered_by;
2227
+ if($optinforms_powered_by == 1) {
2228
+ echo "checked=\"checked\"";
2229
+ }
2230
+ }
2231
+
2232
+ // Check radiobutton hide Powered By link
2233
+ function optinforms_powered_by_hide() {
2234
+ global $optinforms_powered_by;
2235
+ if($optinforms_powered_by == 0) {
2236
+ echo "checked=\"checked\"";
2237
+ }
2238
+ }
2239
+
2240
+ // Get the fonts which are used on the selected form
2241
+ function optinforms_get_used_fonts() {
2242
+ global $optinforms_form_design;
2243
+ if($optinforms_form_design == 'optinforms_form_design_option1' || empty($optinforms_form_design)) {
2244
+ global $optinforms_form1_title_font, $optinforms_form1_subtitle_font;
2245
+ return optinforms_form1_default_title_font() . "|" .optinforms_form1_default_subtitle_font();
2246
+ }
2247
+ elseif($optinforms_form_design == 'optinforms_form_design_option2') {
2248
+ global $optinforms_form2_title_font;
2249
+ return optinforms_form2_default_title_font();
2250
+ }
2251
+ elseif($optinforms_form_design == 'optinforms_form_design_option3') {
2252
+ global $optinforms_form3_title_font, $optinforms_form3_subtitle_font;
2253
+ return optinforms_form3_default_title_font() . "|" .optinforms_form3_default_subtitle_font();
2254
+ }
2255
+ elseif($optinforms_form_design == 'optinforms_form_design_option4') {
2256
+ global $optinforms_form4_title_font, $optinforms_form4_subtitle_font;
2257
+ return optinforms_form4_default_title_font() . "|" .optinforms_form4_default_subtitle_font();
2258
+ }
2259
+ elseif($optinforms_form_design == 'optinforms_form_design_option5') {
2260
+ global $optinforms_form5_title_font, $optinforms_form5_subtitle_font;
2261
+ return optinforms_form5_default_title_font() . "|" .optinforms_form5_default_subtitle_font();
2262
+ }
2263
+ }
2264
+
2265
+ // Now include only these fonts to optimize load time
2266
+ function optinforms_used_fonts() {
2267
+ $optinforms_google_url = "http://fonts.googleapis.com/css?family=";
2268
+ return $optinforms_google_url.optinforms_get_used_fonts();
2269
+
2270
+ }
2271
+
2272
+ ?>
includes/options-form-1.php ADDED
@@ -0,0 +1,552 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php ?>
2
+
3
+ <div class="optiongroup">
4
+ <h3><?php echo __('Edit the Form', 'optinforms'); ?></h3>
5
+ <div class="optionleft">
6
+ <label for="optinforms_form1_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
7
+ </div><!--optionleft-->
8
+ <div class="optionmiddle">
9
+ <input type="text" id="optinforms_form1_background" name="optinforms_form1_background" class="optinforms-color" value="<?php echo optinforms_form1_default_background(); ?>" data-default-color="#FFFFFF" />
10
+ <script>
11
+ jQuery(document).ready(function($){
12
+ $('#optinforms_form1_background').wpColorPicker({
13
+ color: true,
14
+ hide: true,
15
+ palettes: true,
16
+ change: function(event, ui) {
17
+ $("#optinforms-form1").css( 'background-color', ui.color.toString());
18
+ }
19
+ });
20
+ });
21
+ </script>
22
+ </div><!--optionmiddle-->
23
+ <div class="optionlast">
24
+
25
+ </div><!--optionlast-->
26
+ <div class="clear"></div>
27
+ </div><!--optiongroup-->
28
+
29
+ <div class="optiongroup">
30
+ <div class="optionleft">
31
+ <label for="optinforms_form1_border" class="nopointer"><?php echo __('Form border color', 'optinforms'); ?></label>
32
+ </div><!--optionleft-->
33
+ <div class="optionmiddle">
34
+ <input type="text" id="optinforms_form1_border" name="optinforms_form1_border" class="optinforms-color" value="<?php echo optinforms_form1_default_border(); ?>" data-default-color="#E0E0E0" />
35
+ <script>
36
+ jQuery(document).ready(function($){
37
+ $('#optinforms_form1_border').wpColorPicker({
38
+ color: true,
39
+ hide: true,
40
+ palettes: true,
41
+ change: function(event, ui) {
42
+ $("#optinforms-form1").css( 'border-color', ui.color.toString());
43
+ }
44
+ });
45
+ });
46
+ </script>
47
+ </div><!--optionmiddle-->
48
+ <div class="optionlast">
49
+
50
+ </div><!--optionlast-->
51
+ <div class="clear"></div>
52
+ </div><!--optiongroup-->
53
+
54
+ <div class="optiongroup">
55
+ <div class="optionleft">
56
+ <label for="optinforms_form1_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
57
+ </div><!--optionleft-->
58
+ <div class="optionmiddle">
59
+ <input type="text" id="optinforms_form1_title" name="optinforms_form1_title" value="<?php echo optinforms_form1_default_title(); ?>" onchange='optinforms_change_form1_title()' />
60
+ <script type="text/javascript">
61
+ function optinforms_change_form1_title() {
62
+ document.getElementById('optinforms-form1-title').innerHTML = document.getElementById('optinforms_form1_title').value;
63
+ }
64
+ </script>
65
+ </div><!--optionmiddle-->
66
+ <div class="optionlast">
67
+
68
+ </div><!--optionlast-->
69
+ <div class="clear"></div>
70
+ </div><!--optiongroup-->
71
+
72
+ <div class="optiongroup">
73
+ <div class="optionleft">
74
+ <label for="optinforms_form1_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
75
+ </div><!--optionleft-->
76
+ <div class="optionmiddle">
77
+ <select name="optinforms_form1_title_font" id="optinforms_form1_title_font" onchange='optinforms_change_form1_title_font()'>
78
+ <?php echo optinforms_get_form1_title_font_options(); ?>
79
+ </select>
80
+ <script type="text/javascript">
81
+ function optinforms_change_form1_title_font() {
82
+ document.getElementById("optinforms-form1-title").style.fontFamily = document.getElementById('optinforms_form1_title_font').value;
83
+ }
84
+ </script>
85
+ </div><!--optionmiddle-->
86
+ <div class="optionlast">
87
+
88
+ </div><!--optionlast-->
89
+ <div class="clear"></div>
90
+ </div><!--optiongroup-->
91
+
92
+ <div class="optiongroup">
93
+ <div class="optionleft">
94
+ <label for="optinforms_form1_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
95
+ </div><!--optionleft-->
96
+ <div class="optionmiddle">
97
+ <select name="optinforms_form1_title_size" id="optinforms_form1_title_size" onchange='optinforms_change_form1_title_size()'>
98
+ <?php echo optinforms_get_form1_title_size_options(); ?>
99
+ </select>
100
+ <script type="text/javascript">
101
+ function optinforms_change_form1_title_size() {
102
+ document.getElementById("optinforms-form1-title").style.fontSize = document.getElementById('optinforms_form1_title_size').value;
103
+ document.getElementById("optinforms-form1-title").style.lineHeight = document.getElementById('optinforms_form1_title_size').value;
104
+ }
105
+ </script>
106
+ </div><!--optionmiddle-->
107
+ <div class="optionlast">
108
+
109
+ </div><!--optionlast-->
110
+ <div class="clear"></div>
111
+ </div><!--optiongroup-->
112
+
113
+ <div class="optiongroup">
114
+ <div class="optionleft">
115
+ <label for="optinforms_form1_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
116
+ </div><!--optionleft-->
117
+ <div class="optionmiddle">
118
+ <input type="text" id="optinforms_form1_title_color" name="optinforms_form1_title_color" class="optinforms-color" value="<?php echo optinforms_form1_default_title_color(); ?>" data-default-color="#eb432c" />
119
+ <script>
120
+ jQuery(document).ready(function($){
121
+ $('#optinforms_form1_title_color').wpColorPicker({
122
+ color: true,
123
+ hide: true,
124
+ palettes: true,
125
+ change: function(event, ui) {
126
+ $("#optinforms-form1-title").css( 'color', ui.color.toString());
127
+ }
128
+ });
129
+ });
130
+ </script>
131
+ </div><!--optionmiddle-->
132
+ <div class="optionlast">
133
+
134
+ </div><!--optionlast-->
135
+ <div class="clear"></div>
136
+ </div><!--optiongroup-->
137
+
138
+ <div class="optiongroup">
139
+ <div class="optionleft">
140
+ <label for="optinforms_form1_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
141
+ </div><!--optionleft-->
142
+ <div class="optionmiddle">
143
+ <input type="text" id="optinforms_form1_subtitle" name="optinforms_form1_subtitle" value="<?php echo optinforms_form1_default_subtitle(); ?>" onchange='optinforms_change_form1_subtitle()' />
144
+ <script type="text/javascript">
145
+ function optinforms_change_form1_subtitle() {
146
+ document.getElementById('optinforms-form1-subtitle').innerHTML = document.getElementById('optinforms_form1_subtitle').value;
147
+ }
148
+ </script>
149
+ </div><!--optionmiddle-->
150
+ <div class="optionlast">
151
+
152
+ </div><!--optionlast-->
153
+ <div class="clear"></div>
154
+ </div><!--optiongroup-->
155
+
156
+ <div class="optiongroup">
157
+ <div class="optionleft">
158
+ <label for="optinforms_form1_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
159
+ </div><!--optionleft-->
160
+ <div class="optionmiddle">
161
+ <select name="optinforms_form1_subtitle_font" id="optinforms_form1_subtitle_font" onchange='optinforms_change_form1_subtitle_font()'>
162
+ <?php echo optinforms_get_form1_subtitle_font_options(); ?>
163
+ </select>
164
+ <script type="text/javascript">
165
+ function optinforms_change_form1_subtitle_font() {
166
+ document.getElementById("optinforms-form1-subtitle").style.fontFamily = document.getElementById('optinforms_form1_subtitle_font').value;
167
+ }
168
+ </script>
169
+ </div><!--optionmiddle-->
170
+ <div class="optionlast">
171
+
172
+ </div><!--optionlast-->
173
+ <div class="clear"></div>
174
+ </div><!--optiongroup-->
175
+
176
+ <div class="optiongroup">
177
+ <div class="optionleft">
178
+ <label for="optinforms_form1_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
179
+ </div><!--optionleft-->
180
+ <div class="optionmiddle">
181
+ <select name="optinforms_form1_subtitle_size" id="optinforms_form1_subtitle_size" onchange='optinforms_change_form1_subtitle_size()'>
182
+ <?php echo optinforms_get_form1_subtitle_size_options(); ?>
183
+ </select>
184
+ <script type="text/javascript">
185
+ function optinforms_change_form1_subtitle_size() {
186
+ document.getElementById("optinforms-form1-subtitle").style.fontSize = document.getElementById('optinforms_form1_subtitle_size').value;
187
+ document.getElementById("optinforms-form1-subtitle").style.lineHeight = document.getElementById('optinforms_form1_subtitle_size').value;
188
+ }
189
+ </script>
190
+ </div><!--optionmiddle-->
191
+ <div class="optionlast">
192
+
193
+ </div><!--optionlast-->
194
+ <div class="clear"></div>
195
+ </div><!--optiongroup-->
196
+
197
+ <div class="optiongroup">
198
+ <div class="optionleft">
199
+ <label for="optinforms_form1_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
200
+ </div><!--optionleft-->
201
+ <div class="optionmiddle">
202
+ <input type="text" id="optinforms_form1_subtitle_color" name="optinforms_form1_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form1_default_subtitle_color(); ?>" data-default-color="#000000" />
203
+ <script>
204
+ jQuery(document).ready(function($){
205
+ $('#optinforms_form1_subtitle_color').wpColorPicker({
206
+ color: true,
207
+ hide: true,
208
+ palettes: true,
209
+ change: function(event, ui) {
210
+ $("#optinforms-form1-subtitle").css( 'color', ui.color.toString());
211
+ }
212
+ });
213
+ });
214
+ </script>
215
+ </div><!--optionmiddle-->
216
+ <div class="optionlast">
217
+
218
+ </div><!--optionlast-->
219
+ <div class="clear"></div>
220
+ </div><!--optiongroup-->
221
+
222
+ <div class="optiongroup">
223
+ <div class="optionleft">
224
+ <label for="optinforms_form1_name_field" class="nopointer"><?php echo __('Input field: name', 'optinforms'); ?></label>
225
+ </div><!--optionleft-->
226
+ <div class="optionmiddle">
227
+ <input type="text" id="optinforms_form1_name_field" name="optinforms_form1_name_field" value="<?php echo optinforms_form1_default_name_field(); ?>" onchange='optinforms_change_form1_name_field()' />
228
+ <script type="text/javascript">
229
+ function optinforms_change_form1_name_field() {
230
+ document.getElementById('optinforms-form1-name-field').value = document.getElementById('optinforms_form1_name_field').value;
231
+ }
232
+ </script>
233
+ </div><!--optionmiddle-->
234
+ <div class="optionlast">
235
+
236
+ </div><!--optionlast-->
237
+ <div class="clear"></div>
238
+ </div><!--optiongroup-->
239
+
240
+ <div class="optiongroup">
241
+ <div class="optionleft">
242
+ <label for="optinforms_form1_email_field" class="nopointer"><?php echo __('Input field: email', 'optinforms'); ?></label>
243
+ </div><!--optionleft-->
244
+ <div class="optionmiddle">
245
+ <input type="text" id="optinforms_form1_email_field" name="optinforms_form1_email_field" value="<?php echo optinforms_form1_default_email_field(); ?>" onchange='optinforms_change_form1_email_field()' />
246
+ <script type="text/javascript">
247
+ function optinforms_change_form1_email_field() {
248
+ document.getElementById('optinforms-form1-email-field').value = document.getElementById('optinforms_form1_email_field').value;
249
+ }
250
+ </script>
251
+ </div><!--optionmiddle-->
252
+ <div class="optionlast">
253
+
254
+ </div><!--optionlast-->
255
+ <div class="clear"></div>
256
+ </div><!--optiongroup-->
257
+
258
+ <div class="optiongroup">
259
+ <div class="optionleft">
260
+ <label for="optinforms_form1_fields_font" class="nopointer"><?php echo __('Input fields font', 'optinforms'); ?></label>
261
+ </div><!--optionleft-->
262
+ <div class="optionmiddle">
263
+ <select name="optinforms_form1_fields_font" id="optinforms_form1_fields_font" onchange='optinforms_change_form1_fields_font()'>
264
+ <?php echo optinforms_get_form1_fields_font_options(); ?>
265
+ </select>
266
+ <script type="text/javascript">
267
+ function optinforms_change_form1_fields_font() {
268
+ document.getElementById("optinforms-form1-name-field").style.fontFamily = document.getElementById('optinforms_form1_fields_font').value;
269
+ document.getElementById("optinforms-form1-email-field").style.fontFamily = document.getElementById('optinforms_form1_fields_font').value;
270
+ }
271
+ </script>
272
+ </div><!--optionmiddle-->
273
+ <div class="optionlast">
274
+
275
+ </div><!--optionlast-->
276
+ <div class="clear"></div>
277
+ </div><!--optiongroup-->
278
+
279
+ <div class="optiongroup">
280
+ <div class="optionleft">
281
+ <label for="optinforms_form1_fields_size" class="nopointer"><?php echo __('Input fields size', 'optinforms'); ?></label>
282
+ </div><!--optionleft-->
283
+ <div class="optionmiddle">
284
+ <select name="optinforms_form1_fields_size" id="optinforms_form1_fields_size" onchange='optinforms_change_form1_fields_size()'>
285
+ <?php echo optinforms_get_form1_fields_size_options(); ?>
286
+ </select>
287
+ <script type="text/javascript">
288
+ function optinforms_change_form1_fields_size() {
289
+ document.getElementById("optinforms-form1-name-field").style.fontSize = document.getElementById('optinforms_form1_fields_size').value;
290
+ document.getElementById("optinforms-form1-email-field").style.fontSize = document.getElementById('optinforms_form1_fields_size').value;
291
+ }
292
+ </script>
293
+ </div><!--optionmiddle-->
294
+ <div class="optionlast">
295
+
296
+ </div><!--optionlast-->
297
+ <div class="clear"></div>
298
+ </div><!--optiongroup-->
299
+
300
+ <div class="optiongroup">
301
+ <div class="optionleft">
302
+ <label for="optinforms_form1_fields_color" class="nopointer"><?php echo __('Input fields color', 'optinforms'); ?></label>
303
+ </div><!--optionleft-->
304
+ <div class="optionmiddle">
305
+ <input type="text" id="optinforms_form1_fields_color" name="optinforms_form1_fields_color" class="optinforms-color" value="<?php echo optinforms_form1_default_fields_color(); ?>" data-default-color="#666666" />
306
+ <script>
307
+ jQuery(document).ready(function($){
308
+ $('#optinforms_form1_fields_color').wpColorPicker({
309
+ color: true,
310
+ hide: true,
311
+ palettes: true,
312
+ change: function(event, ui) {
313
+ $("#optinforms-form1-name-field").css( 'color', ui.color.toString());
314
+ $("#optinforms-form1-email-field").css( 'color', ui.color.toString());
315
+ }
316
+ });
317
+ });
318
+ </script>
319
+ </div><!--optionmiddle-->
320
+ <div class="optionlast">
321
+
322
+ </div><!--optionlast-->
323
+ <div class="clear"></div>
324
+ </div><!--optiongroup-->
325
+
326
+ <div class="optiongroup">
327
+ <div class="optionleft">
328
+ <label for="optinforms_form1_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
329
+ </div><!--optionleft-->
330
+ <div class="optionmiddle">
331
+ <input type="text" id="optinforms_form1_button_text" name="optinforms_form1_button_text" value="<?php echo optinforms_form1_default_button_text(); ?>" onchange='optinforms_change_form1_button_text()' />
332
+ <script type="text/javascript">
333
+ function optinforms_change_form1_button_text() {
334
+ document.getElementById('optinforms-form1-button').value = document.getElementById('optinforms_form1_button_text').value;
335
+ }
336
+ </script>
337
+ </div><!--optionmiddle-->
338
+ <div class="optionlast">
339
+
340
+ </div><!--optionlast-->
341
+ <div class="clear"></div>
342
+ </div><!--optiongroup-->
343
+
344
+ <div class="optiongroup">
345
+ <div class="optionleft">
346
+ <label for="optinforms_form1_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
347
+ </div><!--optionleft-->
348
+ <div class="optionmiddle">
349
+ <select name="optinforms_form1_button_text_font" id="optinforms_form1_button_text_font" onchange='optinforms_change_form1_button_text_font()'>
350
+ <?php echo optinforms_get_form1_button_text_font_options(); ?>
351
+ </select>
352
+ <script type="text/javascript">
353
+ function optinforms_change_form1_button_text_font() {
354
+ document.getElementById("optinforms-form1-button").style.fontFamily = document.getElementById('optinforms_form1_button_text_font').value;
355
+ }
356
+ </script>
357
+ </div><!--optionmiddle-->
358
+ <div class="optionlast">
359
+
360
+ </div><!--optionlast-->
361
+ <div class="clear"></div>
362
+ </div><!--optiongroup-->
363
+
364
+ <div class="optiongroup">
365
+ <div class="optionleft">
366
+ <label for="optinforms_form1_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
367
+ </div><!--optionleft-->
368
+ <div class="optionmiddle">
369
+ <select name="optinforms_form1_button_text_size" id="optinforms_form1_button_text_size" onchange='optinforms_change_form1_button_text_size()'>
370
+ <?php echo optinforms_get_form1_button_text_size_options(); ?>
371
+ </select>
372
+ <script type="text/javascript">
373
+ function optinforms_change_form1_button_text_size() {
374
+ document.getElementById("optinforms-form1-button").style.fontSize = document.getElementById('optinforms_form1_button_text_size').value;
375
+ }
376
+ </script>
377
+ </div><!--optionmiddle-->
378
+ <div class="optionlast">
379
+
380
+ </div><!--optionlast-->
381
+ <div class="clear"></div>
382
+ </div><!--optiongroup-->
383
+
384
+ <div class="optiongroup">
385
+ <div class="optionleft">
386
+ <label for="optinforms_form1_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
387
+ </div><!--optionleft-->
388
+ <div class="optionmiddle">
389
+ <input type="text" id="optinforms_form1_button_text_color" name="optinforms_form1_button_text_color" class="optinforms-color" value="<?php echo optinforms_form1_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
390
+ <script>
391
+ jQuery(document).ready(function($){
392
+ $('#optinforms_form1_button_text_color').wpColorPicker({
393
+ color: true,
394
+ hide: true,
395
+ palettes: true,
396
+ change: function(event, ui) {
397
+ $("#optinforms-form1-button").css( 'color', ui.color.toString());
398
+ }
399
+ });
400
+ });
401
+ </script>
402
+ </div><!--optionmiddle-->
403
+ <div class="optionlast">
404
+
405
+ </div><!--optionlast-->
406
+ <div class="clear"></div>
407
+ </div><!--optiongroup-->
408
+
409
+ <div class="optiongroup">
410
+ <div class="optionleft">
411
+ <label for="optinforms_form1_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
412
+ </div><!--optionleft-->
413
+ <div class="optionmiddle">
414
+ <input type="text" id="optinforms_form1_button_background" name="optinforms_form1_button_background" class="optinforms-color" value="<?php echo optinforms_form1_default_button_background(); ?>" data-default-color="#20A64C" />
415
+ <script>
416
+ jQuery(document).ready(function($){
417
+ $('#optinforms_form1_button_background').wpColorPicker({
418
+ color: true,
419
+ hide: true,
420
+ palettes: true,
421
+ change: function(event, ui) {
422
+ $("#optinforms-form1-button").css( 'background-color', ui.color.toString());
423
+ }
424
+ });
425
+ });
426
+ </script>
427
+ </div><!--optionmiddle-->
428
+ <div class="optionlast">
429
+
430
+ </div><!--optionlast-->
431
+ <div class="clear"></div>
432
+ </div><!--optiongroup-->
433
+
434
+ <div class="optiongroup">
435
+ <div class="optionleft">
436
+ <label for="optinforms_form1_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
437
+ </div><!--optionleft-->
438
+ <div class="optionmiddle">
439
+ <input type="text" id="optinforms_form1_disclaimer" name="optinforms_form1_disclaimer" value="<?php echo optinforms_form1_default_disclaimer(); ?>" onchange='optinforms_change_form1_disclaimer()' />
440
+ <script type="text/javascript">
441
+ function optinforms_change_form1_disclaimer() {
442
+ document.getElementById('optinforms-form1-disclaimer').innerHTML = document.getElementById('optinforms_form1_disclaimer').value;
443
+ }
444
+ </script>
445
+ </div><!--optionmiddle-->
446
+ <div class="optionlast">
447
+
448
+ </div><!--optionlast-->
449
+ <div class="clear"></div>
450
+ </div><!--optiongroup-->
451
+
452
+ <div class="optiongroup">
453
+ <div class="optionleft">
454
+ <label for="optinforms_form1_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
455
+ </div><!--optionleft-->
456
+ <div class="optionmiddle">
457
+ <select name="optinforms_form1_disclaimer_font" id="optinforms_form1_disclaimer_font" onchange='optinforms_change_form1_disclaimer_font()'>
458
+ <?php echo optinforms_get_form1_disclaimer_font_options(); ?>
459
+ </select>
460
+ <script type="text/javascript">
461
+ function optinforms_change_form1_disclaimer_font() {
462
+ document.getElementById("optinforms-form1-disclaimer").style.fontFamily = document.getElementById('optinforms_form1_disclaimer_font').value;
463
+ }
464
+ </script>
465
+ </div><!--optionmiddle-->
466
+ <div class="optionlast">
467
+
468
+ </div><!--optionlast-->
469
+ <div class="clear"></div>
470
+ </div><!--optiongroup-->
471
+
472
+ <div class="optiongroup">
473
+ <div class="optionleft">
474
+ <label for="optinforms_form1_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
475
+ </div><!--optionleft-->
476
+ <div class="optionmiddle">
477
+ <select name="optinforms_form1_disclaimer_size" id="optinforms_form1_disclaimer_size" onchange='optinforms_change_form1_disclaimer_size()'>
478
+ <?php echo optinforms_get_form1_disclaimer_size_options(); ?>
479
+ </select>
480
+ <script type="text/javascript">
481
+ function optinforms_change_form1_disclaimer_size() {
482
+ document.getElementById("optinforms-form1-disclaimer").style.fontSize = document.getElementById('optinforms_form1_disclaimer_size').value;
483
+ }
484
+ </script>
485
+ </div><!--optionmiddle-->
486
+ <div class="optionlast">
487
+
488
+ </div><!--optionlast-->
489
+ <div class="clear"></div>
490
+ </div><!--optiongroup-->
491
+
492
+ <div class="optiongroup">
493
+ <div class="optionleft">
494
+ <label for="optinforms_form1_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
495
+ </div><!--optionleft-->
496
+ <div class="optionmiddle">
497
+ <input type="text" id="optinforms_form1_disclaimer_color" name="optinforms_form1_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form1_default_disclaimer_color(); ?>" data-default-color="#666666" />
498
+ <script>
499
+ jQuery(document).ready(function($){
500
+ $('#optinforms_form1_disclaimer_color').wpColorPicker({
501
+ color: true,
502
+ hide: true,
503
+ palettes: true,
504
+ change: function(event, ui) {
505
+ $("#optinforms-form1-disclaimer").css( 'color', ui.color.toString());
506
+ }
507
+ });
508
+ });
509
+ </script>
510
+ </div><!--optionmiddle-->
511
+ <div class="optionlast">
512
+
513
+ </div><!--optionlast-->
514
+ <div class="clear"></div>
515
+ </div><!--optiongroup-->
516
+
517
+ <div class="optiongroup">
518
+ <div class="optionleft">
519
+ <label for="optinforms_form1_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_1()"><span class="explain">?</span></a></label>
520
+ </div><!--optionleft-->
521
+ <div class="optionmiddle">
522
+ <div class="choose-width">
523
+ <input name="optinforms_form1_width" id="optinforms_form1_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form1_checked_width_100(); ?> onclick="document.getElementById('optinforms_form1_width_pixels').disabled=true;" /> <label for="optinforms_form1_width_100" class="radiobutton-label">100%</label>
524
+ </div><!--choose-width-->
525
+ <div class="choose-width">
526
+ <input name="optinforms_form1_width" id="optinforms_form1_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form1_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form1_width_pixels').disabled=false;" /> <label for="optinforms_form1_width_fixed" class="radiobutton-label">Fixed:</label>
527
+ </div><!--choose-width-->
528
+ <input type="text" id="optinforms_form1_width_pixels" name="optinforms_form1_width_pixels" value="<?php echo optinforms_form1_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form1_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
529
+ <div class="clear"></div>
530
+ </div><!--optionmiddle-->
531
+ <div class="optionlast">
532
+
533
+ </div><!--optionlast-->
534
+ <div class="clear"></div>
535
+ </div><!--optiongroup-->
536
+
537
+ <script type="text/javascript">
538
+ function optinforms_explain_width_1() {
539
+ // Get the DOM reference
540
+ var contentId = document.getElementById("optinforms-explain-width-1");
541
+ // Toggle
542
+ contentId.style.display == "block" ? contentId.style.display = "none" :
543
+ contentId.style.display = "block";
544
+ }
545
+ </script>
546
+ <div id="optinforms-explain-width-1" style="display:none;">
547
+ <div class="optinforms-help">
548
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
549
+ </div><!--optinforms-help-->
550
+ </div><!--optinforms-explain-width-1-->
551
+
552
+ <?php ?>
includes/options-form-2.php ADDED
@@ -0,0 +1,422 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php ?>
2
+
3
+ <div class="optiongroup">
4
+ <h3><?php echo __('Edit the Form', 'optinforms'); ?></h3>
5
+ <div class="optionleft">
6
+ <label for="optinforms_form2_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
7
+ </div><!--optionleft-->
8
+ <div class="optionmiddle">
9
+ <input type="text" id="optinforms_form2_background" name="optinforms_form2_background" class="optinforms-color" value="<?php echo optinforms_form2_default_background(); ?>" data-default-color="#266d7c" />
10
+ <script>
11
+ jQuery(document).ready(function($){
12
+ $('#optinforms_form2_background').wpColorPicker({
13
+ color: true,
14
+ hide: true,
15
+ palettes: true,
16
+ change: function(event, ui) {
17
+ $("#optinforms-form2").css( 'background-color', ui.color.toString());
18
+ }
19
+ });
20
+ });
21
+ </script>
22
+ </div><!--optionmiddle-->
23
+ <div class="optionlast">
24
+
25
+ </div><!--optionlast-->
26
+ <div class="clear"></div>
27
+ </div><!--optiongroup-->
28
+
29
+ <div class="optiongroup">
30
+ <div class="optionleft">
31
+ <label for="optinforms_form2_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
32
+ </div><!--optionleft-->
33
+ <div class="optionmiddle">
34
+ <input type="text" id="optinforms_form2_title" name="optinforms_form2_title" value="<?php echo optinforms_form2_default_title(); ?>" onchange='optinforms_change_form2_title()' />
35
+ <script type="text/javascript">
36
+ function optinforms_change_form2_title() {
37
+ document.getElementById('optinforms-form2-title').innerHTML = document.getElementById('optinforms_form2_title').value;
38
+ }
39
+ </script>
40
+ </div><!--optionmiddle-->
41
+ <div class="optionlast">
42
+
43
+ </div><!--optionlast-->
44
+ <div class="clear"></div>
45
+ </div><!--optiongroup-->
46
+
47
+ <div class="optiongroup">
48
+ <div class="optionleft">
49
+ <label for="optinforms_form2_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
50
+ </div><!--optionleft-->
51
+ <div class="optionmiddle">
52
+ <select name="optinforms_form2_title_font" id="optinforms_form2_title_font" onchange='optinforms_change_form2_title_font()'>
53
+ <?php echo optinforms_get_form2_title_font_options(); ?>
54
+ </select>
55
+ <script type="text/javascript">
56
+ function optinforms_change_form2_title_font() {
57
+ document.getElementById("optinforms-form2-title").style.fontFamily = document.getElementById('optinforms_form2_title_font').value;
58
+ }
59
+ </script>
60
+ </div><!--optionmiddle-->
61
+ <div class="optionlast">
62
+
63
+ </div><!--optionlast-->
64
+ <div class="clear"></div>
65
+ </div><!--optiongroup-->
66
+
67
+ <div class="optiongroup">
68
+ <div class="optionleft">
69
+ <label for="optinforms_form2_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
70
+ </div><!--optionleft-->
71
+ <div class="optionmiddle">
72
+ <select name="optinforms_form2_title_size" id="optinforms_form2_title_size" onchange='optinforms_change_form2_title_size()'>
73
+ <?php echo optinforms_get_form2_title_size_options(); ?>
74
+ </select>
75
+ <script type="text/javascript">
76
+ function optinforms_change_form2_title_size() {
77
+ document.getElementById("optinforms-form2-title").style.fontSize = document.getElementById('optinforms_form2_title_size').value;
78
+ document.getElementById("optinforms-form2-title").style.lineHeight = document.getElementById('optinforms_form2_title_size').value;
79
+ }
80
+ </script>
81
+ </div><!--optionmiddle-->
82
+ <div class="optionlast">
83
+
84
+ </div><!--optionlast-->
85
+ <div class="clear"></div>
86
+ </div><!--optiongroup-->
87
+
88
+ <div class="optiongroup">
89
+ <div class="optionleft">
90
+ <label for="optinforms_form2_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
91
+ </div><!--optionleft-->
92
+ <div class="optionmiddle">
93
+ <input type="text" id="optinforms_form2_title_color" name="optinforms_form2_title_color" class="optinforms-color" value="<?php echo optinforms_form2_default_title_color(); ?>" data-default-color="#ffffff" />
94
+ <script>
95
+ jQuery(document).ready(function($){
96
+ $('#optinforms_form2_title_color').wpColorPicker({
97
+ color: true,
98
+ hide: true,
99
+ palettes: true,
100
+ change: function(event, ui) {
101
+ $("#optinforms-form2-title").css( 'color', ui.color.toString());
102
+ }
103
+ });
104
+ });
105
+ </script>
106
+ </div><!--optionmiddle-->
107
+ <div class="optionlast">
108
+
109
+ </div><!--optionlast-->
110
+ <div class="clear"></div>
111
+ </div><!--optiongroup-->
112
+
113
+ <div class="optiongroup">
114
+ <div class="optionleft">
115
+ <label for="optinforms_form2_email_field" class="nopointer"><?php echo __('Email field', 'optinforms'); ?></label>
116
+ </div><!--optionleft-->
117
+ <div class="optionmiddle">
118
+ <input type="text" id="optinforms_form2_email_field" name="optinforms_form2_email_field" value="<?php echo optinforms_form2_default_email_field(); ?>" onchange='optinforms_change_form2_email_field()' />
119
+ <script type="text/javascript">
120
+ function optinforms_change_form2_email_field() {
121
+ document.getElementById('optinforms-form2-email-field').value = document.getElementById('optinforms_form2_email_field').value;
122
+ }
123
+ </script>
124
+ </div><!--optionmiddle-->
125
+ <div class="optionlast">
126
+
127
+ </div><!--optionlast-->
128
+ <div class="clear"></div>
129
+ </div><!--optiongroup-->
130
+
131
+ <div class="optiongroup">
132
+ <div class="optionleft">
133
+ <label for="optinforms_form2_fields_font" class="nopointer"><?php echo __('Email field font', 'optinforms'); ?></label>
134
+ </div><!--optionleft-->
135
+ <div class="optionmiddle">
136
+ <select name="optinforms_form2_fields_font" id="optinforms_form2_fields_font" onchange='optinforms_change_form2_fields_font()'>
137
+ <?php echo optinforms_get_form2_fields_font_options(); ?>
138
+ </select>
139
+ <script type="text/javascript">
140
+ function optinforms_change_form2_fields_font() {
141
+ document.getElementById("optinforms-form2-email-field").style.fontFamily = document.getElementById('optinforms_form2_fields_font').value;
142
+ }
143
+ </script>
144
+ </div><!--optionmiddle-->
145
+ <div class="optionlast">
146
+
147
+ </div><!--optionlast-->
148
+ <div class="clear"></div>
149
+ </div><!--optiongroup-->
150
+
151
+ <div class="optiongroup">
152
+ <div class="optionleft">
153
+ <label for="optinforms_form2_fields_size" class="nopointer"><?php echo __('Email field size', 'optinforms'); ?></label>
154
+ </div><!--optionleft-->
155
+ <div class="optionmiddle">
156
+ <select name="optinforms_form2_fields_size" id="optinforms_form2_fields_size" onchange='optinforms_change_form2_fields_size()'>
157
+ <?php echo optinforms_get_form2_fields_size_options(); ?>
158
+ </select>
159
+ <script type="text/javascript">
160
+ function optinforms_change_form2_fields_size() {
161
+ document.getElementById("optinforms-form2-email-field").style.fontSize = document.getElementById('optinforms_form2_fields_size').value;
162
+ }
163
+ </script>
164
+ </div><!--optionmiddle-->
165
+ <div class="optionlast">
166
+
167
+ </div><!--optionlast-->
168
+ <div class="clear"></div>
169
+ </div><!--optiongroup-->
170
+
171
+ <div class="optiongroup">
172
+ <div class="optionleft">
173
+ <label for="optinforms_form2_fields_color" class="nopointer"><?php echo __('Email field color', 'optinforms'); ?></label>
174
+ </div><!--optionleft-->
175
+ <div class="optionmiddle">
176
+ <input type="text" id="optinforms_form2_fields_color" name="optinforms_form2_fields_color" class="optinforms-color" value="<?php echo optinforms_form2_default_fields_color(); ?>" data-default-color="#000000" />
177
+ <script>
178
+ jQuery(document).ready(function($){
179
+ $('#optinforms_form1_fields_color').wpColorPicker({
180
+ color: true,
181
+ hide: true,
182
+ palettes: true,
183
+ change: function(event, ui) {
184
+ $("#optinforms-form2-email-field").css( 'color', ui.color.toString());
185
+ }
186
+ });
187
+ });
188
+ </script>
189
+ </div><!--optionmiddle-->
190
+ <div class="optionlast">
191
+
192
+ </div><!--optionlast-->
193
+ <div class="clear"></div>
194
+ </div><!--optiongroup-->
195
+
196
+ <div class="optiongroup">
197
+ <div class="optionleft">
198
+ <label for="optinforms_form2_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
199
+ </div><!--optionleft-->
200
+ <div class="optionmiddle">
201
+ <input type="text" id="optinforms_form2_button_text" name="optinforms_form2_button_text" value="<?php echo optinforms_form2_default_button_text(); ?>" onchange='optinforms_change_form2_button_text()' />
202
+ <script type="text/javascript">
203
+ function optinforms_change_form2_button_text() {
204
+ document.getElementById('optinforms-form2-button').value = document.getElementById('optinforms_form2_button_text').value;
205
+ }
206
+ </script>
207
+ </div><!--optionmiddle-->
208
+ <div class="optionlast">
209
+
210
+ </div><!--optionlast-->
211
+ <div class="clear"></div>
212
+ </div><!--optiongroup-->
213
+
214
+ <div class="optiongroup">
215
+ <div class="optionleft">
216
+ <label for="optinforms_form2_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
217
+ </div><!--optionleft-->
218
+ <div class="optionmiddle">
219
+ <select name="optinforms_form2_button_text_font" id="optinforms_form2_button_text_font" onchange='optinforms_change_form2_button_text_font()'>
220
+ <?php echo optinforms_get_form2_button_text_font_options(); ?>
221
+ </select>
222
+ <script type="text/javascript">
223
+ function optinforms_change_form2_button_text_font() {
224
+ document.getElementById("optinforms-form2-button").style.fontFamily = document.getElementById('optinforms_form2_button_text_font').value;
225
+ }
226
+ </script>
227
+ </div><!--optionmiddle-->
228
+ <div class="optionlast">
229
+
230
+ </div><!--optionlast-->
231
+ <div class="clear"></div>
232
+ </div><!--optiongroup-->
233
+
234
+ <div class="optiongroup">
235
+ <div class="optionleft">
236
+ <label for="optinforms_form2_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
237
+ </div><!--optionleft-->
238
+ <div class="optionmiddle">
239
+ <select name="optinforms_form2_button_text_size" id="optinforms_form2_button_text_size" onchange='optinforms_change_form2_button_text_size()'>
240
+ <?php echo optinforms_get_form2_button_text_size_options(); ?>
241
+ </select>
242
+ <script type="text/javascript">
243
+ function optinforms_change_form2_button_text_size() {
244
+ document.getElementById("optinforms-form2-button").style.fontSize = document.getElementById('optinforms_form2_button_text_size').value;
245
+ }
246
+ </script>
247
+ </div><!--optionmiddle-->
248
+ <div class="optionlast">
249
+
250
+ </div><!--optionlast-->
251
+ <div class="clear"></div>
252
+ </div><!--optiongroup-->
253
+
254
+ <div class="optiongroup">
255
+ <div class="optionleft">
256
+ <label for="optinforms_form2_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
257
+ </div><!--optionleft-->
258
+ <div class="optionmiddle">
259
+ <input type="text" id="optinforms_form2_button_text_color" name="optinforms_form2_button_text_color" class="optinforms-color" value="<?php echo optinforms_form2_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
260
+ <script>
261
+ jQuery(document).ready(function($){
262
+ $('#optinforms_form2_button_text_color').wpColorPicker({
263
+ color: true,
264
+ hide: true,
265
+ palettes: true,
266
+ change: function(event, ui) {
267
+ $("#optinforms-form2-button").css( 'color', ui.color.toString());
268
+ }
269
+ });
270
+ });
271
+ </script>
272
+ </div><!--optionmiddle-->
273
+ <div class="optionlast">
274
+
275
+ </div><!--optionlast-->
276
+ <div class="clear"></div>
277
+ </div><!--optiongroup-->
278
+
279
+ <div class="optiongroup">
280
+ <div class="optionleft">
281
+ <label for="optinforms_form2_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
282
+ </div><!--optionleft-->
283
+ <div class="optionmiddle">
284
+ <input type="text" id="optinforms_form2_button_background" name="optinforms_form2_button_background" class="optinforms-color" value="<?php echo optinforms_form2_default_button_background(); ?>" data-default-color="#49A3FE" />
285
+ <script>
286
+ jQuery(document).ready(function($){
287
+ $('#optinforms_form2_button_background').wpColorPicker({
288
+ color: true,
289
+ hide: true,
290
+ palettes: true,
291
+ change: function(event, ui) {
292
+ $("#optinforms-form2-button").css( 'background-color', ui.color.toString());
293
+ }
294
+ });
295
+ });
296
+ </script>
297
+ </div><!--optionmiddle-->
298
+ <div class="optionlast">
299
+
300
+ </div><!--optionlast-->
301
+ <div class="clear"></div>
302
+ </div><!--optiongroup-->
303
+
304
+ <div class="optiongroup">
305
+ <div class="optionleft">
306
+ <label for="optinforms_form2_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
307
+ </div><!--optionleft-->
308
+ <div class="optionmiddle">
309
+ <input type="text" id="optinforms_form2_disclaimer" name="optinforms_form2_disclaimer" value="<?php echo optinforms_form2_default_disclaimer(); ?>" onchange='optinforms_change_form2_disclaimer()' />
310
+ <script type="text/javascript">
311
+ function optinforms_change_form2_disclaimer() {
312
+ document.getElementById('optinforms-form2-disclaimer').innerHTML = document.getElementById('optinforms_form2_disclaimer').value;
313
+ }
314
+ </script>
315
+ </div><!--optionmiddle-->
316
+ <div class="optionlast">
317
+
318
+ </div><!--optionlast-->
319
+ <div class="clear"></div>
320
+ </div><!--optiongroup-->
321
+
322
+ <div class="optiongroup">
323
+ <div class="optionleft">
324
+ <label for="optinforms_form2_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
325
+ </div><!--optionleft-->
326
+ <div class="optionmiddle">
327
+ <select name="optinforms_form2_disclaimer_font" id="optinforms_form2_disclaimer_font" onchange='optinforms_change_form2_disclaimer_font()'>
328
+ <?php echo optinforms_get_form2_disclaimer_font_options(); ?>
329
+ </select>
330
+ <script type="text/javascript">
331
+ function optinforms_change_form2_disclaimer_font() {
332
+ document.getElementById("optinforms-form2-disclaimer").style.fontFamily = document.getElementById('optinforms_form2_disclaimer_font').value;
333
+ }
334
+ </script>
335
+ </div><!--optionmiddle-->
336
+ <div class="optionlast">
337
+
338
+ </div><!--optionlast-->
339
+ <div class="clear"></div>
340
+ </div><!--optiongroup-->
341
+
342
+ <div class="optiongroup">
343
+ <div class="optionleft">
344
+ <label for="optinforms_form2_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
345
+ </div><!--optionleft-->
346
+ <div class="optionmiddle">
347
+ <select name="optinforms_form2_disclaimer_size" id="optinforms_form2_disclaimer_size" onchange='optinforms_change_form2_disclaimer_size()'>
348
+ <?php echo optinforms_get_form2_disclaimer_size_options(); ?>
349
+ </select>
350
+ <script type="text/javascript">
351
+ function optinforms_change_form2_disclaimer_size() {
352
+ document.getElementById("optinforms-form2-disclaimer").style.fontSize = document.getElementById('optinforms_form2_disclaimer_size').value;
353
+ }
354
+ </script>
355
+ </div><!--optionmiddle-->
356
+ <div class="optionlast">
357
+
358
+ </div><!--optionlast-->
359
+ <div class="clear"></div>
360
+ </div><!--optiongroup-->
361
+
362
+ <div class="optiongroup">
363
+ <div class="optionleft">
364
+ <label for="optinforms_form2_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
365
+ </div><!--optionleft-->
366
+ <div class="optionmiddle">
367
+ <input type="text" id="optinforms_form2_disclaimer_color" name="optinforms_form2_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form2_default_disclaimer_color(); ?>" data-default-color="#ffffff" />
368
+ <script>
369
+ jQuery(document).ready(function($){
370
+ $('#optinforms_form2_disclaimer_color').wpColorPicker({
371
+ color: true,
372
+ hide: true,
373
+ palettes: true,
374
+ change: function(event, ui) {
375
+ $("#optinforms-form2-disclaimer").css( 'color', ui.color.toString());
376
+ }
377
+ });
378
+ });
379
+ </script>
380
+ </div><!--optionmiddle-->
381
+ <div class="optionlast">
382
+
383
+ </div><!--optionlast-->
384
+ <div class="clear"></div>
385
+ </div><!--optiongroup-->
386
+
387
+ <div class="optiongroup">
388
+ <div class="optionleft">
389
+ <label for="optinforms_form2_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_2()"><span class="explain">?</span></a></label>
390
+ </div><!--optionleft-->
391
+ <div class="optionmiddle">
392
+ <div class="choose-width">
393
+ <input name="optinforms_form2_width" id="optinforms_form2_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form2_checked_width_100(); ?> onclick="document.getElementById('optinforms_form2_width_pixels').disabled=true;" /> <label for="optinforms_form2_width_100" class="radiobutton-label">100%</label>
394
+ </div><!--choose-width-->
395
+ <div class="choose-width">
396
+ <input name="optinforms_form2_width" id="optinforms_form2_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form2_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form2_width_pixels').disabled=false;" /> <label for="optinforms_form2_width_fixed" class="radiobutton-label">Fixed:</label>
397
+ </div><!--choose-width-->
398
+ <input type="text" id="optinforms_form2_width_pixels" name="optinforms_form2_width_pixels" value="<?php echo optinforms_form2_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form2_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
399
+ <div class="clear"></div>
400
+ </div><!--optionmiddle-->
401
+ <div class="optionlast">
402
+
403
+ </div><!--optionlast-->
404
+ <div class="clear"></div>
405
+ </div><!--optiongroup-->
406
+
407
+ <script type="text/javascript">
408
+ function optinforms_explain_width_2() {
409
+ // Get the DOM reference
410
+ var contentId = document.getElementById("optinforms-explain-width-2");
411
+ // Toggle
412
+ contentId.style.display == "block" ? contentId.style.display = "none" :
413
+ contentId.style.display = "block";
414
+ }
415
+ </script>
416
+ <div id="optinforms-explain-width-2" style="display:none;">
417
+ <div class="optinforms-help">
418
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
419
+ </div><!--optinforms-help-->
420
+ </div><!--optinforms-explain-width-2-->
421
+
422
+ <?php ?>
includes/options-form-3.php ADDED
@@ -0,0 +1,443 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php ?>
2
+
3
+ <div class="optiongroup">
4
+ <h3><?php echo __('Edit the Form', 'optinforms'); ?></h3>
5
+ <div class="optionleft">
6
+ <label for="optinforms_form3_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
7
+ </div><!--optionleft-->
8
+ <div class="optionmiddle">
9
+ <input type="text" id="optinforms_form3_background" name="optinforms_form3_background" class="optinforms-color" value="<?php echo optinforms_form3_default_background(); ?>" data-default-color="#FFFFFF" />
10
+ <script>
11
+ jQuery(document).ready(function($){
12
+ $('#optinforms_form3_background').wpColorPicker({
13
+ color: true,
14
+ hide: true,
15
+ palettes: true,
16
+ change: function(event, ui) {
17
+ $("#optinforms-form3-inside").css( 'background-color', ui.color.toString());
18
+ }
19
+ });
20
+ });
21
+ </script>
22
+ </div><!--optionmiddle-->
23
+ <div class="optionlast">
24
+
25
+ </div><!--optionlast-->
26
+ <div class="clear"></div>
27
+ </div><!--optiongroup-->
28
+
29
+ <div class="optiongroup">
30
+ <div class="optionleft">
31
+ <label for="optinforms_form3_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
32
+ </div><!--optionleft-->
33
+ <div class="optionmiddle">
34
+ <input type="text" id="optinforms_form3_title" name="optinforms_form3_title" value="<?php echo optinforms_form3_default_title(); ?>" onchange='optinforms_change_form3_title()' />
35
+ <script type="text/javascript">
36
+ function optinforms_change_form3_title() {
37
+ document.getElementById('optinforms-form3-title').innerHTML = document.getElementById('optinforms_form3_title').value;
38
+ }
39
+ </script>
40
+ </div><!--optionmiddle-->
41
+ <div class="optionlast">
42
+
43
+ </div><!--optionlast-->
44
+ <div class="clear"></div>
45
+ </div><!--optiongroup-->
46
+
47
+ <div class="optiongroup">
48
+ <div class="optionleft">
49
+ <label for="optinforms_form3_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
50
+ </div><!--optionleft-->
51
+ <div class="optionmiddle">
52
+ <select name="optinforms_form3_title_font" id="optinforms_form3_title_font" onchange='optinforms_change_form3_title_font()'>
53
+ <?php echo optinforms_get_form3_title_font_options(); ?>
54
+ </select>
55
+ <script type="text/javascript">
56
+ function optinforms_change_form3_title_font() {
57
+ document.getElementById("optinforms-form3-title").style.fontFamily = document.getElementById('optinforms_form3_title_font').value;
58
+ }
59
+ </script>
60
+ </div><!--optionmiddle-->
61
+ <div class="optionlast">
62
+
63
+ </div><!--optionlast-->
64
+ <div class="clear"></div>
65
+ </div><!--optiongroup-->
66
+
67
+ <div class="optiongroup">
68
+ <div class="optionleft">
69
+ <label for="optinforms_form3_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
70
+ </div><!--optionleft-->
71
+ <div class="optionmiddle">
72
+ <select name="optinforms_form3_title_size" id="optinforms_form3_title_size" onchange='optinforms_change_form3_title_size()'>
73
+ <?php echo optinforms_get_form3_title_size_options(); ?>
74
+ </select>
75
+ <script type="text/javascript">
76
+ function optinforms_change_form3_title_size() {
77
+ document.getElementById("optinforms-form3-title").style.fontSize = document.getElementById('optinforms_form3_title_size').value;
78
+ document.getElementById("optinforms-form3-title").style.lineHeight = document.getElementById('optinforms_form3_title_size').value;
79
+ }
80
+ </script>
81
+ </div><!--optionmiddle-->
82
+ <div class="optionlast">
83
+
84
+ </div><!--optionlast-->
85
+ <div class="clear"></div>
86
+ </div><!--optiongroup-->
87
+
88
+ <div class="optiongroup">
89
+ <div class="optionleft">
90
+ <label for="optinforms_form3_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
91
+ </div><!--optionleft-->
92
+ <div class="optionmiddle">
93
+ <input type="text" id="optinforms_form3_title_color" name="optinforms_form3_title_color" class="optinforms-color" value="<?php echo optinforms_form3_default_title_color(); ?>" data-default-color="#505050" />
94
+ <script>
95
+ jQuery(document).ready(function($){
96
+ $('#optinforms_form3_title_color').wpColorPicker({
97
+ color: true,
98
+ hide: true,
99
+ palettes: true,
100
+ change: function(event, ui) {
101
+ $("#optinforms-form3-title").css( 'color', ui.color.toString());
102
+ }
103
+ });
104
+ });
105
+ </script>
106
+ </div><!--optionmiddle-->
107
+ <div class="optionlast">
108
+
109
+ </div><!--optionlast-->
110
+ <div class="clear"></div>
111
+ </div><!--optiongroup-->
112
+
113
+ <div class="optiongroup">
114
+ <div class="optionleft">
115
+ <label for="optinforms_form3_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
116
+ </div><!--optionleft-->
117
+ <div class="optionmiddle">
118
+ <input type="text" id="optinforms_form3_subtitle" name="optinforms_form3_subtitle" value="<?php echo optinforms_form3_default_subtitle(); ?>" onchange='optinforms_change_form3_subtitle()' />
119
+ <script type="text/javascript">
120
+ function optinforms_change_form3_subtitle() {
121
+ document.getElementById('optinforms-form3-subtitle').innerHTML = document.getElementById('optinforms_form3_subtitle').value;
122
+ }
123
+ </script>
124
+ </div><!--optionmiddle-->
125
+ <div class="optionlast">
126
+
127
+ </div><!--optionlast-->
128
+ <div class="clear"></div>
129
+ </div><!--optiongroup-->
130
+
131
+ <div class="optiongroup">
132
+ <div class="optionleft">
133
+ <label for="optinforms_form3_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
134
+ </div><!--optionleft-->
135
+ <div class="optionmiddle">
136
+ <select name="optinforms_form3_subtitle_font" id="optinforms_form3_subtitle_font" onchange='optinforms_change_form3_subtitle_font()'>
137
+ <?php echo optinforms_get_form3_subtitle_font_options(); ?>
138
+ </select>
139
+ <script type="text/javascript">
140
+ function optinforms_change_form3_subtitle_font() {
141
+ document.getElementById("optinforms-form3-subtitle").style.fontFamily = document.getElementById('optinforms_form3_subtitle_font').value;
142
+ }
143
+ </script>
144
+ </div><!--optionmiddle-->
145
+ <div class="optionlast">
146
+
147
+ </div><!--optionlast-->
148
+ <div class="clear"></div>
149
+ </div><!--optiongroup-->
150
+
151
+ <div class="optiongroup">
152
+ <div class="optionleft">
153
+ <label for="optinforms_form3_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
154
+ </div><!--optionleft-->
155
+ <div class="optionmiddle">
156
+ <select name="optinforms_form3_subtitle_size" id="optinforms_form3_subtitle_size" onchange='optinforms_change_form3_subtitle_size()'>
157
+ <?php echo optinforms_get_form3_subtitle_size_options(); ?>
158
+ </select>
159
+ <script type="text/javascript">
160
+ function optinforms_change_form3_subtitle_size() {
161
+ document.getElementById("optinforms-form3-subtitle").style.fontSize = document.getElementById('optinforms_form3_subtitle_size').value;
162
+ }
163
+ </script>
164
+ </div><!--optionmiddle-->
165
+ <div class="optionlast">
166
+
167
+ </div><!--optionlast-->
168
+ <div class="clear"></div>
169
+ </div><!--optiongroup-->
170
+
171
+ <div class="optiongroup">
172
+ <div class="optionleft">
173
+ <label for="optinforms_form3_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
174
+ </div><!--optionleft-->
175
+ <div class="optionmiddle">
176
+ <input type="text" id="optinforms_form3_subtitle_color" name="optinforms_form3_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form3_default_subtitle_color(); ?>" data-default-color="#505050" />
177
+ <script>
178
+ jQuery(document).ready(function($){
179
+ $('#optinforms_form3_subtitle_color').wpColorPicker({
180
+ color: true,
181
+ hide: true,
182
+ palettes: true,
183
+ change: function(event, ui) {
184
+ $("#optinforms-form3-subtitle").css( 'color', ui.color.toString());
185
+ }
186
+ });
187
+ });
188
+ </script>
189
+ </div><!--optionmiddle-->
190
+ <div class="optionlast">
191
+
192
+ </div><!--optionlast-->
193
+ <div class="clear"></div>
194
+ </div><!--optiongroup-->
195
+
196
+ <div class="optiongroup">
197
+ <div class="optionleft">
198
+ <label for="optinforms_form3_name_field" class="nopointer"><?php echo __('Input field: name', 'optinforms'); ?></label>
199
+ </div><!--optionleft-->
200
+ <div class="optionmiddle">
201
+ <input type="text" id="optinforms_form3_name_field" name="optinforms_form3_name_field" value="<?php echo optinforms_form3_default_name_field(); ?>" onchange='optinforms_change_form3_name_field()' />
202
+ <script type="text/javascript">
203
+ function optinforms_change_form3_name_field() {
204
+ document.getElementById('optinforms-form3-name-field').value = document.getElementById('optinforms_form3_name_field').value;
205
+ }
206
+ </script>
207
+ </div><!--optionmiddle-->
208
+ <div class="optionlast">
209
+
210
+ </div><!--optionlast-->
211
+ <div class="clear"></div>
212
+ </div><!--optiongroup-->
213
+
214
+ <div class="optiongroup">
215
+ <div class="optionleft">
216
+ <label for="optinforms_form3_email_field" class="nopointer"><?php echo __('Input field: email', 'optinforms'); ?></label>
217
+ </div><!--optionleft-->
218
+ <div class="optionmiddle">
219
+ <input type="text" id="optinforms_form3_email_field" name="optinforms_form3_email_field" value="<?php echo optinforms_form3_default_email_field(); ?>" onchange='optinforms_change_form3_email_field()' />
220
+ <script type="text/javascript">
221
+ function optinforms_change_form3_email_field() {
222
+ document.getElementById('optinforms-form3-email-field').value = document.getElementById('optinforms_form3_email_field').value;
223
+ }
224
+ </script>
225
+ </div><!--optionmiddle-->
226
+ <div class="optionlast">
227
+
228
+ </div><!--optionlast-->
229
+ <div class="clear"></div>
230
+ </div><!--optiongroup-->
231
+
232
+ <div class="optiongroup">
233
+ <div class="optionleft">
234
+ <label for="optinforms_form3_fields_font" class="nopointer"><?php echo __('Input fields font', 'optinforms'); ?></label>
235
+ </div><!--optionleft-->
236
+ <div class="optionmiddle">
237
+ <select name="optinforms_form3_fields_font" id="optinforms_form3_fields_font" onchange='optinforms_change_form3_fields_font()'>
238
+ <?php echo optinforms_get_form3_fields_font_options(); ?>
239
+ </select>
240
+ <script type="text/javascript">
241
+ function optinforms_change_form3_fields_font() {
242
+ document.getElementById("optinforms-form3-name-field").style.fontFamily = document.getElementById('optinforms_form3_fields_font').value;
243
+ document.getElementById("optinforms-form3-email-field").style.fontFamily = document.getElementById('optinforms_form3_fields_font').value;
244
+ }
245
+ </script>
246
+ </div><!--optionmiddle-->
247
+ <div class="optionlast">
248
+
249
+ </div><!--optionlast-->
250
+ <div class="clear"></div>
251
+ </div><!--optiongroup-->
252
+
253
+ <div class="optiongroup">
254
+ <div class="optionleft">
255
+ <label for="optinforms_form3_fields_size" class="nopointer"><?php echo __('Input fields size', 'optinforms'); ?></label>
256
+ </div><!--optionleft-->
257
+ <div class="optionmiddle">
258
+ <select name="optinforms_form3_fields_size" id="optinforms_form3_fields_size" onchange='optinforms_change_form3_fields_size()'>
259
+ <?php echo optinforms_get_form3_fields_size_options(); ?>
260
+ </select>
261
+ <script type="text/javascript">
262
+ function optinforms_change_form3_fields_size() {
263
+ document.getElementById("optinforms-form3-name-field").style.fontSize = document.getElementById('optinforms_form3_fields_size').value;
264
+ document.getElementById("optinforms-form3-email-field").style.fontSize = document.getElementById('optinforms_form3_fields_size').value;
265
+ }
266
+ </script>
267
+ </div><!--optionmiddle-->
268
+ <div class="optionlast">
269
+
270
+ </div><!--optionlast-->
271
+ <div class="clear"></div>
272
+ </div><!--optiongroup-->
273
+
274
+ <div class="optiongroup">
275
+ <div class="optionleft">
276
+ <label for="optinforms_form3_fields_color" class="nopointer"><?php echo __('Input fields color', 'optinforms'); ?></label>
277
+ </div><!--optionleft-->
278
+ <div class="optionmiddle">
279
+ <input type="text" id="optinforms_form3_fields_color" name="optinforms_form3_fields_color" class="optinforms-color" value="<?php echo optinforms_form3_default_fields_color(); ?>" data-default-color="#666666" />
280
+ <script>
281
+ jQuery(document).ready(function($){
282
+ $('#optinforms_form3_fields_color').wpColorPicker({
283
+ color: true,
284
+ hide: true,
285
+ palettes: true,
286
+ change: function(event, ui) {
287
+ $("#optinforms-form3-name-field").css( 'color', ui.color.toString());
288
+ $("#optinforms-form3-email-field").css( 'color', ui.color.toString());
289
+ }
290
+ });
291
+ });
292
+ </script>
293
+ </div><!--optionmiddle-->
294
+ <div class="optionlast">
295
+
296
+ </div><!--optionlast-->
297
+ <div class="clear"></div>
298
+ </div><!--optiongroup-->
299
+
300
+ <div class="optiongroup">
301
+ <div class="optionleft">
302
+ <label for="optinforms_form3_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
303
+ </div><!--optionleft-->
304
+ <div class="optionmiddle">
305
+ <input type="text" id="optinforms_form3_button_text" name="optinforms_form3_button_text" value="<?php echo optinforms_form3_default_button_text(); ?>" onchange='optinforms_change_form3_button_text()' />
306
+ <script type="text/javascript">
307
+ function optinforms_change_form3_button_text() {
308
+ document.getElementById('optinforms-form3-button').value = document.getElementById('optinforms_form3_button_text').value;
309
+ }
310
+ </script>
311
+ </div><!--optionmiddle-->
312
+ <div class="optionlast">
313
+
314
+ </div><!--optionlast-->
315
+ <div class="clear"></div>
316
+ </div><!--optiongroup-->
317
+
318
+ <div class="optiongroup">
319
+ <div class="optionleft">
320
+ <label for="optinforms_form3_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
321
+ </div><!--optionleft-->
322
+ <div class="optionmiddle">
323
+ <select name="optinforms_form3_button_text_font" id="optinforms_form3_button_text_font" onchange='optinforms_change_form3_button_text_font()'>
324
+ <?php echo optinforms_get_form3_button_text_font_options(); ?>
325
+ </select>
326
+ <script type="text/javascript">
327
+ function optinforms_change_form3_button_text_font() {
328
+ document.getElementById("optinforms-form3-button").style.fontFamily = document.getElementById('optinforms_form3_button_text_font').value;
329
+ }
330
+ </script>
331
+ </div><!--optionmiddle-->
332
+ <div class="optionlast">
333
+
334
+ </div><!--optionlast-->
335
+ <div class="clear"></div>
336
+ </div><!--optiongroup-->
337
+
338
+ <div class="optiongroup">
339
+ <div class="optionleft">
340
+ <label for="optinforms_form3_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
341
+ </div><!--optionleft-->
342
+ <div class="optionmiddle">
343
+ <select name="optinforms_form3_button_text_size" id="optinforms_form3_button_text_size" onchange='optinforms_change_form3_button_text_size()'>
344
+ <?php echo optinforms_get_form3_button_text_size_options(); ?>
345
+ </select>
346
+ <script type="text/javascript">
347
+ function optinforms_change_form3_button_text_size() {
348
+ document.getElementById("optinforms-form3-button").style.fontSize = document.getElementById('optinforms_form3_button_text_size').value;
349
+ }
350
+ </script>
351
+ </div><!--optionmiddle-->
352
+ <div class="optionlast">
353
+
354
+ </div><!--optionlast-->
355
+ <div class="clear"></div>
356
+ </div><!--optiongroup-->
357
+
358
+ <div class="optiongroup">
359
+ <div class="optionleft">
360
+ <label for="optinforms_form3_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
361
+ </div><!--optionleft-->
362
+ <div class="optionmiddle">
363
+ <input type="text" id="optinforms_form3_button_text_color" name="optinforms_form3_button_text_color" class="optinforms-color" value="<?php echo optinforms_form3_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
364
+ <script>
365
+ jQuery(document).ready(function($){
366
+ $('#optinforms_form3_button_text_color').wpColorPicker({
367
+ color: true,
368
+ hide: true,
369
+ palettes: true,
370
+ change: function(event, ui) {
371
+ $("#optinforms-form3-button").css( 'color', ui.color.toString());
372
+ }
373
+ });
374
+ });
375
+ </script>
376
+ </div><!--optionmiddle-->
377
+ <div class="optionlast">
378
+
379
+ </div><!--optionlast-->
380
+ <div class="clear"></div>
381
+ </div><!--optiongroup-->
382
+
383
+ <div class="optiongroup">
384
+ <div class="optionleft">
385
+ <label for="optinforms_form3_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
386
+ </div><!--optionleft-->
387
+ <div class="optionmiddle">
388
+ <input type="text" id="optinforms_form3_button_background" name="optinforms_form3_button_background" class="optinforms-color" value="<?php echo optinforms_form3_default_button_background(); ?>" data-default-color="#49A3FE" />
389
+ <script>
390
+ jQuery(document).ready(function($){
391
+ $('#optinforms_form3_button_background').wpColorPicker({
392
+ color: true,
393
+ hide: true,
394
+ palettes: true,
395
+ change: function(event, ui) {
396
+ $("#optinforms-form3-button").css( 'background-color', ui.color.toString());
397
+ }
398
+ });
399
+ });
400
+ </script>
401
+ </div><!--optionmiddle-->
402
+ <div class="optionlast">
403
+
404
+ </div><!--optionlast-->
405
+ <div class="clear"></div>
406
+ </div><!--optiongroup-->
407
+
408
+ <div class="optiongroup">
409
+ <div class="optionleft">
410
+ <label for="optinforms_form3_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_3()"><span class="explain">?</span></a></label>
411
+ </div><!--optionleft-->
412
+ <div class="optionmiddle">
413
+ <div class="choose-width">
414
+ <input name="optinforms_form3_width" id="optinforms_form3_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form3_checked_width_100(); ?> onclick="document.getElementById('optinforms_form3_width_pixels').disabled=true;" /> <label for="optinforms_form3_width_100" class="radiobutton-label">100%</label>
415
+ </div><!--choose-width-->
416
+ <div class="choose-width">
417
+ <input name="optinforms_form3_width" id="optinforms_form3_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form3_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form3_width_pixels').disabled=false;" /> <label for="optinforms_form3_width_fixed" class="radiobutton-label">Fixed:</label>
418
+ </div><!--choose-width-->
419
+ <input type="text" id="optinforms_form3_width_pixels" name="optinforms_form3_width_pixels" value="<?php echo optinforms_form3_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form3_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
420
+ <div class="clear"></div>
421
+ </div><!--optionmiddle-->
422
+ <div class="optionlast">
423
+
424
+ </div><!--optionlast-->
425
+ <div class="clear"></div>
426
+ </div><!--optiongroup-->
427
+
428
+ <script type="text/javascript">
429
+ function optinforms_explain_width_3() {
430
+ // Get the DOM reference
431
+ var contentId = document.getElementById("optinforms-explain-width-3");
432
+ // Toggle
433
+ contentId.style.display == "block" ? contentId.style.display = "none" :
434
+ contentId.style.display = "block";
435
+ }
436
+ </script>
437
+ <div id="optinforms-explain-width-3" style="display:none;">
438
+ <div class="optinforms-help">
439
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
440
+ </div><!--optinforms-help-->
441
+ </div><!--optinforms-explain-width-3-->
442
+
443
+ <?php ?>
includes/options-form-4.php ADDED
@@ -0,0 +1,531 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php ?>
2
+
3
+ <div class="optiongroup">
4
+ <h3><?php echo __('Edit the Form', 'optinforms'); ?></h3>
5
+ <div class="optionleft">
6
+ <label for="optinforms_form4_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
7
+ </div><!--optionleft-->
8
+ <div class="optionmiddle">
9
+ <input type="text" id="optinforms_form4_background" name="optinforms_form4_background" class="optinforms-color" value="<?php echo optinforms_form4_default_background(); ?>" data-default-color="#FCFCFC" />
10
+ <script>
11
+ jQuery(document).ready(function($){
12
+ $('#optinforms_form4_background').wpColorPicker({
13
+ color: true,
14
+ hide: true,
15
+ palettes: true,
16
+ change: function(event, ui) {
17
+ $("#optinforms-form4").css( 'background-color', ui.color.toString());
18
+ }
19
+ });
20
+ });
21
+ </script>
22
+ </div><!--optionmiddle-->
23
+ <div class="optionlast">
24
+
25
+ </div><!--optionlast-->
26
+ <div class="clear"></div>
27
+ </div><!--optiongroup-->
28
+
29
+ <div class="optiongroup">
30
+ <div class="optionleft">
31
+ <label for="optinforms_form4_border" class="nopointer"><?php echo __('Form border color', 'optinforms'); ?></label>
32
+ </div><!--optionleft-->
33
+ <div class="optionmiddle">
34
+ <input type="text" id="optinforms_form4_border" name="optinforms_form4_border" class="optinforms-color" value="<?php echo optinforms_form4_default_border(); ?>" data-default-color="#ECEAED" />
35
+ <script>
36
+ jQuery(document).ready(function($){
37
+ $('#optinforms_form4_border').wpColorPicker({
38
+ color: true,
39
+ hide: true,
40
+ palettes: true,
41
+ change: function(event, ui) {
42
+ $("#optinforms-form4").css( 'border-color', ui.color.toString());
43
+ }
44
+ });
45
+ });
46
+ </script>
47
+ </div><!--optionmiddle-->
48
+ <div class="optionlast">
49
+
50
+ </div><!--optionlast-->
51
+ <div class="clear"></div>
52
+ </div><!--optiongroup-->
53
+
54
+ <div class="optiongroup">
55
+ <div class="optionleft">
56
+ <label for="optinforms_form4_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
57
+ </div><!--optionleft-->
58
+ <div class="optionmiddle">
59
+ <input type="text" id="optinforms_form4_title" name="optinforms_form4_title" value="<?php echo optinforms_form4_default_title(); ?>" onchange='optinforms_change_form4_title()' />
60
+ <script type="text/javascript">
61
+ function optinforms_change_form4_title() {
62
+ document.getElementById('optinforms-form4-title').innerHTML = document.getElementById('optinforms_form4_title').value;
63
+ }
64
+ </script>
65
+ </div><!--optionmiddle-->
66
+ <div class="optionlast">
67
+
68
+ </div><!--optionlast-->
69
+ <div class="clear"></div>
70
+ </div><!--optiongroup-->
71
+
72
+ <div class="optiongroup">
73
+ <div class="optionleft">
74
+ <label for="optinforms_form4_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
75
+ </div><!--optionleft-->
76
+ <div class="optionmiddle">
77
+ <select name="optinforms_form4_title_font" id="optinforms_form4_title_font" onchange='optinforms_change_form4_title_font()'>
78
+ <?php echo optinforms_get_form4_title_font_options(); ?>
79
+ </select>
80
+ <script type="text/javascript">
81
+ function optinforms_change_form4_title_font() {
82
+ document.getElementById("optinforms-form4-title").style.fontFamily = document.getElementById('optinforms_form4_title_font').value;
83
+ }
84
+ </script>
85
+ </div><!--optionmiddle-->
86
+ <div class="optionlast">
87
+
88
+ </div><!--optionlast-->
89
+ <div class="clear"></div>
90
+ </div><!--optiongroup-->
91
+
92
+ <div class="optiongroup">
93
+ <div class="optionleft">
94
+ <label for="optinforms_form4_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
95
+ </div><!--optionleft-->
96
+ <div class="optionmiddle">
97
+ <select name="optinforms_form4_title_size" id="optinforms_form4_title_size" onchange='optinforms_change_form4_title_size()'>
98
+ <?php echo optinforms_get_form4_title_size_options(); ?>
99
+ </select>
100
+ <script type="text/javascript">
101
+ function optinforms_change_form4_title_size() {
102
+ document.getElementById("optinforms-form4-title").style.fontSize = document.getElementById('optinforms_form4_title_size').value;
103
+ document.getElementById("optinforms-form4-title").style.lineHeight = document.getElementById('optinforms_form4_title_size').value;
104
+ }
105
+ </script>
106
+ </div><!--optionmiddle-->
107
+ <div class="optionlast">
108
+
109
+ </div><!--optionlast-->
110
+ <div class="clear"></div>
111
+ </div><!--optiongroup-->
112
+
113
+ <div class="optiongroup">
114
+ <div class="optionleft">
115
+ <label for="optinforms_form4_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
116
+ </div><!--optionleft-->
117
+ <div class="optionmiddle">
118
+ <input type="text" id="optinforms_form4_title_color" name="optinforms_form4_title_color" class="optinforms-color" value="<?php echo optinforms_form4_default_title_color(); ?>" data-default-color="#505050" />
119
+ <script>
120
+ jQuery(document).ready(function($){
121
+ $('#optinforms_form4_title_color').wpColorPicker({
122
+ color: true,
123
+ hide: true,
124
+ palettes: true,
125
+ change: function(event, ui) {
126
+ $("#optinforms-form4-title").css( 'color', ui.color.toString());
127
+ }
128
+ });
129
+ });
130
+ </script>
131
+ </div><!--optionmiddle-->
132
+ <div class="optionlast">
133
+
134
+ </div><!--optionlast-->
135
+ <div class="clear"></div>
136
+ </div><!--optiongroup-->
137
+
138
+ <div class="optiongroup">
139
+ <div class="optionleft">
140
+ <label for="optinforms_form4_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
141
+ </div><!--optionleft-->
142
+ <div class="optionmiddle">
143
+ <input type="text" id="optinforms_form4_subtitle" name="optinforms_form4_subtitle" value="<?php echo optinforms_form4_default_subtitle(); ?>" onchange='optinforms_change_form4_subtitle()' />
144
+ <script type="text/javascript">
145
+ function optinforms_change_form4_subtitle() {
146
+ document.getElementById('optinforms-form4-subtitle').innerHTML = document.getElementById('optinforms_form4_subtitle').value;
147
+ }
148
+ </script>
149
+ </div><!--optionmiddle-->
150
+ <div class="optionlast">
151
+
152
+ </div><!--optionlast-->
153
+ <div class="clear"></div>
154
+ </div><!--optiongroup-->
155
+
156
+ <div class="optiongroup">
157
+ <div class="optionleft">
158
+ <label for="optinforms_form4_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
159
+ </div><!--optionleft-->
160
+ <div class="optionmiddle">
161
+ <select name="optinforms_form4_subtitle_font" id="optinforms_form4_subtitle_font" onchange='optinforms_change_form4_subtitle_font()'>
162
+ <?php echo optinforms_get_form4_subtitle_font_options(); ?>
163
+ </select>
164
+ <script type="text/javascript">
165
+ function optinforms_change_form4_subtitle_font() {
166
+ document.getElementById("optinforms-form4-subtitle").style.fontFamily = document.getElementById('optinforms_form4_subtitle_font').value;
167
+ }
168
+ </script>
169
+ </div><!--optionmiddle-->
170
+ <div class="optionlast">
171
+
172
+ </div><!--optionlast-->
173
+ <div class="clear"></div>
174
+ </div><!--optiongroup-->
175
+
176
+ <div class="optiongroup">
177
+ <div class="optionleft">
178
+ <label for="optinforms_form4_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
179
+ </div><!--optionleft-->
180
+ <div class="optionmiddle">
181
+ <select name="optinforms_form4_subtitle_size" id="optinforms_form4_subtitle_size" onchange='optinforms_change_form4_subtitle_size()'>
182
+ <?php echo optinforms_get_form4_subtitle_size_options(); ?>
183
+ </select>
184
+ <script type="text/javascript">
185
+ function optinforms_change_form4_subtitle_size() {
186
+ document.getElementById("optinforms-form4-subtitle").style.fontSize = document.getElementById('optinforms_form4_subtitle_size').value;
187
+ document.getElementById("optinforms-form4-subtitle").style.lineHeight = document.getElementById('optinforms_form4_subtitle_size').value;
188
+ }
189
+ </script>
190
+ </div><!--optionmiddle-->
191
+ <div class="optionlast">
192
+
193
+ </div><!--optionlast-->
194
+ <div class="clear"></div>
195
+ </div><!--optiongroup-->
196
+
197
+ <div class="optiongroup">
198
+ <div class="optionleft">
199
+ <label for="optinforms_form4_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
200
+ </div><!--optionleft-->
201
+ <div class="optionmiddle">
202
+ <input type="text" id="optinforms_form4_subtitle_color" name="optinforms_form4_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form4_default_subtitle_color(); ?>" data-default-color="#505050" />
203
+ <script>
204
+ jQuery(document).ready(function($){
205
+ $('#optinforms_form4_subtitle_color').wpColorPicker({
206
+ color: true,
207
+ hide: true,
208
+ palettes: true,
209
+ change: function(event, ui) {
210
+ $("#optinforms-form4-subtitle").css( 'color', ui.color.toString());
211
+ }
212
+ });
213
+ });
214
+ </script>
215
+ </div><!--optionmiddle-->
216
+ <div class="optionlast">
217
+
218
+ </div><!--optionlast-->
219
+ <div class="clear"></div>
220
+ </div><!--optiongroup-->
221
+
222
+ <div class="optiongroup">
223
+ <div class="optionleft">
224
+ <label for="optinforms_form4_email_field" class="nopointer"><?php echo __('Email field', 'optinforms'); ?></label>
225
+ </div><!--optionleft-->
226
+ <div class="optionmiddle">
227
+ <input type="text" id="optinforms_form4_email_field" name="optinforms_form4_email_field" value="<?php echo optinforms_form4_default_email_field(); ?>" onchange='optinforms_change_form4_email_field()' />
228
+ <script type="text/javascript">
229
+ function optinforms_change_form4_email_field() {
230
+ document.getElementById('optinforms-form4-email-field').value = document.getElementById('optinforms_form4_email_field').value;
231
+ }
232
+ </script>
233
+ </div><!--optionmiddle-->
234
+ <div class="optionlast">
235
+
236
+ </div><!--optionlast-->
237
+ <div class="clear"></div>
238
+ </div><!--optiongroup-->
239
+
240
+ <div class="optiongroup">
241
+ <div class="optionleft">
242
+ <label for="optinforms_form4_fields_font" class="nopointer"><?php echo __('Email field font', 'optinforms'); ?></label>
243
+ </div><!--optionleft-->
244
+ <div class="optionmiddle">
245
+ <select name="optinforms_form4_fields_font" id="optinforms_form4_fields_font" onchange='optinforms_change_form4_fields_font()'>
246
+ <?php echo optinforms_get_form4_fields_font_options(); ?>
247
+ </select>
248
+ <script type="text/javascript">
249
+ function optinforms_change_form4_fields_font() {
250
+ document.getElementById("optinforms-form4-email-field").style.fontFamily = document.getElementById('optinforms_form4_fields_font').value;
251
+ }
252
+ </script>
253
+ </div><!--optionmiddle-->
254
+ <div class="optionlast">
255
+
256
+ </div><!--optionlast-->
257
+ <div class="clear"></div>
258
+ </div><!--optiongroup-->
259
+
260
+ <div class="optiongroup">
261
+ <div class="optionleft">
262
+ <label for="optinforms_form4_fields_size" class="nopointer"><?php echo __('Email field size', 'optinforms'); ?></label>
263
+ </div><!--optionleft-->
264
+ <div class="optionmiddle">
265
+ <select name="optinforms_form4_fields_size" id="optinforms_form4_fields_size" onchange='optinforms_change_form4_fields_size()'>
266
+ <?php echo optinforms_get_form4_fields_size_options(); ?>
267
+ </select>
268
+ <script type="text/javascript">
269
+ function optinforms_change_form4_fields_size() {
270
+ document.getElementById("optinforms-form4-email-field").style.fontSize = document.getElementById('optinforms_form4_fields_size').value;
271
+ }
272
+ </script>
273
+ </div><!--optionmiddle-->
274
+ <div class="optionlast">
275
+
276
+ </div><!--optionlast-->
277
+ <div class="clear"></div>
278
+ </div><!--optiongroup-->
279
+
280
+ <div class="optiongroup">
281
+ <div class="optionleft">
282
+ <label for="optinforms_form4_fields_color" class="nopointer"><?php echo __('Email field color', 'optinforms'); ?></label>
283
+ </div><!--optionleft-->
284
+ <div class="optionmiddle">
285
+ <input type="text" id="optinforms_form4_fields_color" name="optinforms_form4_fields_color" class="optinforms-color" value="<?php echo optinforms_form4_default_fields_color(); ?>" data-default-color="#666666" />
286
+ <script>
287
+ jQuery(document).ready(function($){
288
+ $('#optinforms_form4_fields_color').wpColorPicker({
289
+ color: true,
290
+ hide: true,
291
+ palettes: true,
292
+ change: function(event, ui) {
293
+ $("#optinforms-form4-email-field").css( 'color', ui.color.toString());
294
+ }
295
+ });
296
+ });
297
+ </script>
298
+ </div><!--optionmiddle-->
299
+ <div class="optionlast">
300
+
301
+ </div><!--optionlast-->
302
+ <div class="clear"></div>
303
+ </div><!--optiongroup-->
304
+
305
+ <div class="optiongroup">
306
+ <div class="optionleft">
307
+ <label for="optinforms_form4_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
308
+ </div><!--optionleft-->
309
+ <div class="optionmiddle">
310
+ <input type="text" id="optinforms_form4_button_text" name="optinforms_form4_button_text" value="<?php echo optinforms_form4_default_button_text(); ?>" onchange='optinforms_change_form4_button_text()' />
311
+ <script type="text/javascript">
312
+ function optinforms_change_form4_button_text() {
313
+ document.getElementById('optinforms-form4-button').value = document.getElementById('optinforms_form4_button_text').value;
314
+ }
315
+ </script>
316
+ </div><!--optionmiddle-->
317
+ <div class="optionlast">
318
+
319
+ </div><!--optionlast-->
320
+ <div class="clear"></div>
321
+ </div><!--optiongroup-->
322
+
323
+ <div class="optiongroup">
324
+ <div class="optionleft">
325
+ <label for="optinforms_form4_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
326
+ </div><!--optionleft-->
327
+ <div class="optionmiddle">
328
+ <select name="optinforms_form4_button_text_font" id="optinforms_form4_button_text_font" onchange='optinforms_change_form4_button_text_font()'>
329
+ <?php echo optinforms_get_form4_button_text_font_options(); ?>
330
+ </select>
331
+ <script type="text/javascript">
332
+ function optinforms_change_form4_button_text_font() {
333
+ document.getElementById("optinforms-form4-button").style.fontFamily = document.getElementById('optinforms_form4_button_text_font').value;
334
+ }
335
+ </script>
336
+ </div><!--optionmiddle-->
337
+ <div class="optionlast">
338
+
339
+ </div><!--optionlast-->
340
+ <div class="clear"></div>
341
+ </div><!--optiongroup-->
342
+
343
+ <div class="optiongroup">
344
+ <div class="optionleft">
345
+ <label for="optinforms_form4_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
346
+ </div><!--optionleft-->
347
+ <div class="optionmiddle">
348
+ <select name="optinforms_form4_button_text_size" id="optinforms_form4_button_text_size" onchange='optinforms_change_form4_button_text_size()'>
349
+ <?php echo optinforms_get_form4_button_text_size_options(); ?>
350
+ </select>
351
+ <script type="text/javascript">
352
+ function optinforms_change_form4_button_text_size() {
353
+ document.getElementById("optinforms-form4-button").style.fontSize = document.getElementById('optinforms_form4_button_text_size').value;
354
+ }
355
+ </script>
356
+ </div><!--optionmiddle-->
357
+ <div class="optionlast">
358
+
359
+ </div><!--optionlast-->
360
+ <div class="clear"></div>
361
+ </div><!--optiongroup-->
362
+
363
+ <div class="optiongroup">
364
+ <div class="optionleft">
365
+ <label for="optinforms_form4_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
366
+ </div><!--optionleft-->
367
+ <div class="optionmiddle">
368
+ <input type="text" id="optinforms_form4_button_text_color" name="optinforms_form4_button_text_color" class="optinforms-color" value="<?php echo optinforms_form4_default_button_text_color(); ?>" data-default-color="#1d629b" />
369
+ <script>
370
+ jQuery(document).ready(function($){
371
+ $('#optinforms_form4_button_text_color').wpColorPicker({
372
+ color: true,
373
+ hide: true,
374
+ palettes: true,
375
+ change: function(event, ui) {
376
+ $("#optinforms-form4-button").css( 'color', ui.color.toString());
377
+ }
378
+ });
379
+ });
380
+ </script>
381
+ </div><!--optionmiddle-->
382
+ <div class="optionlast">
383
+
384
+ </div><!--optionlast-->
385
+ <div class="clear"></div>
386
+ </div><!--optiongroup-->
387
+
388
+ <div class="optiongroup">
389
+ <div class="optionleft">
390
+ <label for="optinforms_form4_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
391
+ </div><!--optionleft-->
392
+ <div class="optionmiddle">
393
+ <input type="text" id="optinforms_form4_button_background" name="optinforms_form4_button_background" class="optinforms-color" value="<?php echo optinforms_form4_default_button_background(); ?>" data-default-color="#faff5b" />
394
+ <script>
395
+ jQuery(document).ready(function($){
396
+ $('#optinforms_form4_button_background').wpColorPicker({
397
+ color: true,
398
+ hide: true,
399
+ palettes: true,
400
+ change: function(event, ui) {
401
+ $("#optinforms-form4-button").css( 'background-color', ui.color.toString());
402
+ }
403
+ });
404
+ });
405
+ </script>
406
+ </div><!--optionmiddle-->
407
+ <div class="optionlast">
408
+
409
+ </div><!--optionlast-->
410
+ <div class="clear"></div>
411
+ </div><!--optiongroup-->
412
+
413
+ <div class="optiongroup">
414
+ <div class="optionleft">
415
+ <label for="optinforms_form4_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
416
+ </div><!--optionleft-->
417
+ <div class="optionmiddle">
418
+ <input type="text" id="optinforms_form4_disclaimer" name="optinforms_form4_disclaimer" value="<?php echo optinforms_form4_default_disclaimer(); ?>" onchange='optinforms_change_form4_disclaimer()' />
419
+ <script type="text/javascript">
420
+ function optinforms_change_form4_disclaimer() {
421
+ document.getElementById('optinforms-form4-disclaimer').innerHTML = document.getElementById('optinforms_form4_disclaimer').value;
422
+ }
423
+ </script>
424
+ </div><!--optionmiddle-->
425
+ <div class="optionlast">
426
+
427
+ </div><!--optionlast-->
428
+ <div class="clear"></div>
429
+ </div><!--optiongroup-->
430
+
431
+ <div class="optiongroup">
432
+ <div class="optionleft">
433
+ <label for="optinforms_form4_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
434
+ </div><!--optionleft-->
435
+ <div class="optionmiddle">
436
+ <select name="optinforms_form4_disclaimer_font" id="optinforms_form4_disclaimer_font" onchange='optinforms_change_form4_disclaimer_font()'>
437
+ <?php echo optinforms_get_form4_disclaimer_font_options(); ?>
438
+ </select>
439
+ <script type="text/javascript">
440
+ function optinforms_change_form4_disclaimer_font() {
441
+ document.getElementById("optinforms-form4-disclaimer").style.fontFamily = document.getElementById('optinforms_form4_disclaimer_font').value;
442
+ }
443
+ </script>
444
+ </div><!--optionmiddle-->
445
+ <div class="optionlast">
446
+
447
+ </div><!--optionlast-->
448
+ <div class="clear"></div>
449
+ </div><!--optiongroup-->
450
+
451
+ <div class="optiongroup">
452
+ <div class="optionleft">
453
+ <label for="optinforms_form4_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
454
+ </div><!--optionleft-->
455
+ <div class="optionmiddle">
456
+ <select name="optinforms_form4_disclaimer_size" id="optinforms_form4_disclaimer_size" onchange='optinforms_change_form4_disclaimer_size()'>
457
+ <?php echo optinforms_get_form4_disclaimer_size_options(); ?>
458
+ </select>
459
+ <script type="text/javascript">
460
+ function optinforms_change_form4_disclaimer_size() {
461
+ document.getElementById("optinforms-form4-disclaimer").style.fontSize = document.getElementById('optinforms_form4_disclaimer_size').value;
462
+ }
463
+ </script>
464
+ </div><!--optionmiddle-->
465
+ <div class="optionlast">
466
+
467
+ </div><!--optionlast-->
468
+ <div class="clear"></div>
469
+ </div><!--optiongroup-->
470
+
471
+ <div class="optiongroup">
472
+ <div class="optionleft">
473
+ <label for="optinforms_form4_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
474
+ </div><!--optionleft-->
475
+ <div class="optionmiddle">
476
+ <input type="text" id="optinforms_form4_disclaimer_color" name="optinforms_form4_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form4_default_disclaimer_color(); ?>" data-default-color="#999999" />
477
+ <script>
478
+ jQuery(document).ready(function($){
479
+ $('#optinforms_form4_disclaimer_color').wpColorPicker({
480
+ color: true,
481
+ hide: true,
482
+ palettes: true,
483
+ change: function(event, ui) {
484
+ $("#optinforms-form4-disclaimer").css( 'color', ui.color.toString());
485
+ }
486
+ });
487
+ });
488
+ </script>
489
+ </div><!--optionmiddle-->
490
+ <div class="optionlast">
491
+
492
+ </div><!--optionlast-->
493
+ <div class="clear"></div>
494
+ </div><!--optiongroup-->
495
+
496
+ <div class="optiongroup">
497
+ <div class="optionleft">
498
+ <label for="optinforms_form4_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_4()"><span class="explain">?</span></a></label>
499
+ </div><!--optionleft-->
500
+ <div class="optionmiddle">
501
+ <div class="choose-width">
502
+ <input name="optinforms_form4_width" id="optinforms_form4_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form4_checked_width_100(); ?> onclick="document.getElementById('optinforms_form4_width_pixels').disabled=true;" /> <label for="optinforms_form4_width_100" class="radiobutton-label">100%</label>
503
+ </div><!--choose-width-->
504
+ <div class="choose-width">
505
+ <input name="optinforms_form4_width" id="optinforms_form4_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form4_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form4_width_pixels').disabled=false;" /> <label for="optinforms_form4_width_fixed" class="radiobutton-label">Fixed:</label>
506
+ </div><!--choose-width-->
507
+ <input type="text" id="optinforms_form4_width_pixels" name="optinforms_form4_width_pixels" value="<?php echo optinforms_form4_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form4_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
508
+ <div class="clear"></div>
509
+ </div><!--optionmiddle-->
510
+ <div class="optionlast">
511
+
512
+ </div><!--optionlast-->
513
+ <div class="clear"></div>
514
+ </div><!--optiongroup-->
515
+
516
+ <script type="text/javascript">
517
+ function optinforms_explain_width_4() {
518
+ // Get the DOM reference
519
+ var contentId = document.getElementById("optinforms-explain-width-4");
520
+ // Toggle
521
+ contentId.style.display == "block" ? contentId.style.display = "none" :
522
+ contentId.style.display = "block";
523
+ }
524
+ </script>
525
+ <div id="optinforms-explain-width-4" style="display:none;">
526
+ <div class="optinforms-help">
527
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
528
+ </div><!--optinforms-help-->
529
+ </div><!--optinforms-explain-width-4-->
530
+
531
+ <?php ?>
includes/options-form-5.php ADDED
@@ -0,0 +1,526 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php ?>
2
+
3
+ <div class="optiongroup">
4
+ <h3><?php echo __('Edit the Form', 'optinforms'); ?></h3>
5
+ <div class="optionleft">
6
+ <label for="optinforms_form5_background" class="nopointer"><?php echo __('Form background color', 'optinforms'); ?></label>
7
+ </div><!--optionleft-->
8
+ <div class="optionmiddle">
9
+ <input type="text" id="optinforms_form5_background" name="optinforms_form5_background" class="optinforms-color" value="<?php echo optinforms_form5_default_background(); ?>" data-default-color="#333333" />
10
+ <script>
11
+ jQuery(document).ready(function($){
12
+ $('#optinforms_form5_background').wpColorPicker({
13
+ color: true,
14
+ hide: true,
15
+ palettes: true,
16
+ change: function(event, ui) {
17
+ $("#optinforms-form5").css( 'background-color', ui.color.toString());
18
+ }
19
+ });
20
+ });
21
+ </script>
22
+ </div><!--optionmiddle-->
23
+ <div class="optionlast">
24
+
25
+ </div><!--optionlast-->
26
+ <div class="clear"></div>
27
+ </div><!--optiongroup-->
28
+
29
+ <div class="optiongroup">
30
+ <div class="optionleft">
31
+ <label for="optinforms_form5_title" class="nopointer"><?php echo __('Title', 'optinforms'); ?></label>
32
+ </div><!--optionleft-->
33
+ <div class="optionmiddle">
34
+ <input type="text" id="optinforms_form5_title" name="optinforms_form5_title" value="<?php echo optinforms_form5_default_title(); ?>" onchange='optinforms_change_form5_title()' />
35
+ <script type="text/javascript">
36
+ function optinforms_change_form5_title() {
37
+ document.getElementById('optinforms-form5-title').innerHTML = document.getElementById('optinforms_form5_title').value;
38
+ }
39
+ </script>
40
+ </div><!--optionmiddle-->
41
+ <div class="optionlast">
42
+
43
+ </div><!--optionlast-->
44
+ <div class="clear"></div>
45
+ </div><!--optiongroup-->
46
+
47
+ <div class="optiongroup">
48
+ <div class="optionleft">
49
+ <label for="optinforms_form5_title_font" class="nopointer"><?php echo __('Title font', 'optinforms'); ?></label>
50
+ </div><!--optionleft-->
51
+ <div class="optionmiddle">
52
+ <select name="optinforms_form5_title_font" id="optinforms_form5_title_font" onchange='optinforms_change_form5_title_font()'>
53
+ <?php echo optinforms_get_form5_title_font_options(); ?>
54
+ </select>
55
+ <script type="text/javascript">
56
+ function optinforms_change_form5_title_font() {
57
+ document.getElementById("optinforms-form5-title").style.fontFamily = document.getElementById('optinforms_form5_title_font').value;
58
+ }
59
+ </script>
60
+ </div><!--optionmiddle-->
61
+ <div class="optionlast">
62
+
63
+ </div><!--optionlast-->
64
+ <div class="clear"></div>
65
+ </div><!--optiongroup-->
66
+
67
+ <div class="optiongroup">
68
+ <div class="optionleft">
69
+ <label for="optinforms_form5_title_size" class="nopointer"><?php echo __('Title size', 'optinforms'); ?></label>
70
+ </div><!--optionleft-->
71
+ <div class="optionmiddle">
72
+ <select name="optinforms_form5_title_size" id="optinforms_form5_title_size" onchange='optinforms_change_form5_title_size()'>
73
+ <?php echo optinforms_get_form5_title_size_options(); ?>
74
+ </select>
75
+ <script type="text/javascript">
76
+ function optinforms_change_form5_title_size() {
77
+ document.getElementById("optinforms-form5-title").style.fontSize = document.getElementById('optinforms_form5_title_size').value;
78
+ document.getElementById("optinforms-form5-title").style.lineHeight = document.getElementById('optinforms_form5_title_size').value;
79
+ }
80
+ </script>
81
+ </div><!--optionmiddle-->
82
+ <div class="optionlast">
83
+
84
+ </div><!--optionlast-->
85
+ <div class="clear"></div>
86
+ </div><!--optiongroup-->
87
+
88
+ <div class="optiongroup">
89
+ <div class="optionleft">
90
+ <label for="optinforms_form5_title_color" class="nopointer"><?php echo __('Title color', 'optinforms'); ?></label>
91
+ </div><!--optionleft-->
92
+ <div class="optionmiddle">
93
+ <input type="text" id="optinforms_form5_title_color" name="optinforms_form5_title_color" class="optinforms-color" value="<?php echo optinforms_form5_default_title_color(); ?>" data-default-color="#fb6a13" />
94
+ <script>
95
+ jQuery(document).ready(function($){
96
+ $('#optinforms_form5_title_color').wpColorPicker({
97
+ color: true,
98
+ hide: true,
99
+ palettes: true,
100
+ change: function(event, ui) {
101
+ $("#optinforms-form5-title").css( 'color', ui.color.toString());
102
+ }
103
+ });
104
+ });
105
+ </script>
106
+ </div><!--optionmiddle-->
107
+ <div class="optionlast">
108
+
109
+ </div><!--optionlast-->
110
+ <div class="clear"></div>
111
+ </div><!--optiongroup-->
112
+
113
+ <div class="optiongroup">
114
+ <div class="optionleft">
115
+ <label for="optinforms_form5_subtitle" class="nopointer"><?php echo __('Subtitle', 'optinforms'); ?></label>
116
+ </div><!--optionleft-->
117
+ <div class="optionmiddle">
118
+ <input type="text" id="optinforms_form5_subtitle" name="optinforms_form5_subtitle" value="<?php echo optinforms_form5_default_subtitle(); ?>" onchange='optinforms_change_form5_subtitle()' />
119
+ <script type="text/javascript">
120
+ function optinforms_change_form5_subtitle() {
121
+ document.getElementById('optinforms-form5-subtitle').innerHTML = document.getElementById('optinforms_form5_subtitle').value;
122
+ }
123
+ </script>
124
+ </div><!--optionmiddle-->
125
+ <div class="optionlast">
126
+
127
+ </div><!--optionlast-->
128
+ <div class="clear"></div>
129
+ </div><!--optiongroup-->
130
+
131
+ <div class="optiongroup">
132
+ <div class="optionleft">
133
+ <label for="optinforms_form5_subtitle_font" class="nopointer"><?php echo __('Subtitle font', 'optinforms'); ?></label>
134
+ </div><!--optionleft-->
135
+ <div class="optionmiddle">
136
+ <select name="optinforms_form5_subtitle_font" id="optinforms_form5_subtitle_font" onchange='optinforms_change_form5_subtitle_font()'>
137
+ <?php echo optinforms_get_form5_subtitle_font_options(); ?>
138
+ </select>
139
+ <script type="text/javascript">
140
+ function optinforms_change_form5_subtitle_font() {
141
+ document.getElementById("optinforms-form5-subtitle").style.fontFamily = document.getElementById('optinforms_form5_subtitle_font').value;
142
+ }
143
+ </script>
144
+ </div><!--optionmiddle-->
145
+ <div class="optionlast">
146
+
147
+ </div><!--optionlast-->
148
+ <div class="clear"></div>
149
+ </div><!--optiongroup-->
150
+
151
+ <div class="optiongroup">
152
+ <div class="optionleft">
153
+ <label for="optinforms_form5_subtitle_size" class="nopointer"><?php echo __('Subtitle size', 'optinforms'); ?></label>
154
+ </div><!--optionleft-->
155
+ <div class="optionmiddle">
156
+ <select name="optinforms_form5_subtitle_size" id="optinforms_form5_subtitle_size" onchange='optinforms_change_form5_subtitle_size()'>
157
+ <?php echo optinforms_get_form5_subtitle_size_options(); ?>
158
+ </select>
159
+ <script type="text/javascript">
160
+ function optinforms_change_form5_subtitle_size() {
161
+ document.getElementById("optinforms-form5-subtitle").style.fontSize = document.getElementById('optinforms_form5_subtitle_size').value;
162
+ }
163
+ </script>
164
+ </div><!--optionmiddle-->
165
+ <div class="optionlast">
166
+
167
+ </div><!--optionlast-->
168
+ <div class="clear"></div>
169
+ </div><!--optiongroup-->
170
+
171
+ <div class="optiongroup">
172
+ <div class="optionleft">
173
+ <label for="optinforms_form5_subtitle_color" class="nopointer"><?php echo __('Subtitle color', 'optinforms'); ?></label>
174
+ </div><!--optionleft-->
175
+ <div class="optionmiddle">
176
+ <input type="text" id="optinforms_form5_subtitle_color" name="optinforms_form5_subtitle_color" class="optinforms-color" value="<?php echo optinforms_form5_default_subtitle_color(); ?>" data-default-color="#CCCCCC" />
177
+ <script>
178
+ jQuery(document).ready(function($){
179
+ $('#optinforms_form5_subtitle_color').wpColorPicker({
180
+ color: true,
181
+ hide: true,
182
+ palettes: true,
183
+ change: function(event, ui) {
184
+ $("#optinforms-form5-subtitle").css( 'color', ui.color.toString());
185
+ }
186
+ });
187
+ });
188
+ </script>
189
+ </div><!--optionmiddle-->
190
+ <div class="optionlast">
191
+
192
+ </div><!--optionlast-->
193
+ <div class="clear"></div>
194
+ </div><!--optiongroup-->
195
+
196
+ <div class="optiongroup">
197
+ <div class="optionleft">
198
+ <label for="optinforms_form5_name_field" class="nopointer"><?php echo __('Input field: name', 'optinforms'); ?></label>
199
+ </div><!--optionleft-->
200
+ <div class="optionmiddle">
201
+ <input type="text" id="optinforms_form5_name_field" name="optinforms_form5_name_field" value="<?php echo optinforms_form5_default_name_field(); ?>" onchange='optinforms_change_form5_name_field()' />
202
+ <script type="text/javascript">
203
+ function optinforms_change_form5_name_field() {
204
+ document.getElementById('optinforms-form5-name-field').value = document.getElementById('optinforms_form5_name_field').value;
205
+ }
206
+ </script>
207
+ </div><!--optionmiddle-->
208
+ <div class="optionlast">
209
+
210
+ </div><!--optionlast-->
211
+ <div class="clear"></div>
212
+ </div><!--optiongroup-->
213
+
214
+ <div class="optiongroup">
215
+ <div class="optionleft">
216
+ <label for="optinforms_form5_email_field" class="nopointer"><?php echo __('Input field: email', 'optinforms'); ?></label>
217
+ </div><!--optionleft-->
218
+ <div class="optionmiddle">
219
+ <input type="text" id="optinforms_form5_email_field" name="optinforms_form5_email_field" value="<?php echo optinforms_form5_default_email_field(); ?>" onchange='optinforms_change_form5_email_field()' />
220
+ <script type="text/javascript">
221
+ function optinforms_change_form5_email_field() {
222
+ document.getElementById('optinforms-form5-email-field').value = document.getElementById('optinforms_form5_email_field').value;
223
+ }
224
+ </script>
225
+ </div><!--optionmiddle-->
226
+ <div class="optionlast">
227
+
228
+ </div><!--optionlast-->
229
+ <div class="clear"></div>
230
+ </div><!--optiongroup-->
231
+
232
+ <div class="optiongroup">
233
+ <div class="optionleft">
234
+ <label for="optinforms_form5_fields_font" class="nopointer"><?php echo __('Input fields font', 'optinforms'); ?></label>
235
+ </div><!--optionleft-->
236
+ <div class="optionmiddle">
237
+ <select name="optinforms_form5_fields_font" id="optinforms_form5_fields_font" onchange='optinforms_change_form5_fields_font()'>
238
+ <?php echo optinforms_get_form5_fields_font_options(); ?>
239
+ </select>
240
+ <script type="text/javascript">
241
+ function optinforms_change_form5_fields_font() {
242
+ document.getElementById("optinforms-form5-name-field").style.fontFamily = document.getElementById('optinforms_form5_fields_font').value;
243
+ document.getElementById("optinforms-form5-email-field").style.fontFamily = document.getElementById('optinforms_form5_fields_font').value;
244
+ }
245
+ </script>
246
+ </div><!--optionmiddle-->
247
+ <div class="optionlast">
248
+
249
+ </div><!--optionlast-->
250
+ <div class="clear"></div>
251
+ </div><!--optiongroup-->
252
+
253
+ <div class="optiongroup">
254
+ <div class="optionleft">
255
+ <label for="optinforms_form5_fields_size" class="nopointer"><?php echo __('Input fields size', 'optinforms'); ?></label>
256
+ </div><!--optionleft-->
257
+ <div class="optionmiddle">
258
+ <select name="optinforms_form5_fields_size" id="optinforms_form5_fields_size" onchange='optinforms_change_form5_fields_size()'>
259
+ <?php echo optinforms_get_form5_fields_size_options(); ?>
260
+ </select>
261
+ <script type="text/javascript">
262
+ function optinforms_change_form5_fields_size() {
263
+ document.getElementById("optinforms-form5-name-field").style.fontSize = document.getElementById('optinforms_form5_fields_size').value;
264
+ document.getElementById("optinforms-form5-email-field").style.fontSize = document.getElementById('optinforms_form5_fields_size').value;
265
+ }
266
+ </script>
267
+ </div><!--optionmiddle-->
268
+ <div class="optionlast">
269
+
270
+ </div><!--optionlast-->
271
+ <div class="clear"></div>
272
+ </div><!--optiongroup-->
273
+
274
+ <div class="optiongroup">
275
+ <div class="optionleft">
276
+ <label for="optinforms_form5_fields_color" class="nopointer"><?php echo __('Input fields color', 'optinforms'); ?></label>
277
+ </div><!--optionleft-->
278
+ <div class="optionmiddle">
279
+ <input type="text" id="optinforms_form5_fields_color" name="optinforms_form5_fields_color" class="optinforms-color" value="<?php echo optinforms_form5_default_fields_color(); ?>" data-default-color="#000000" />
280
+ <script>
281
+ jQuery(document).ready(function($){
282
+ $('#optinforms_form5_fields_color').wpColorPicker({
283
+ color: true,
284
+ hide: true,
285
+ palettes: true,
286
+ change: function(event, ui) {
287
+ $("#optinforms-form5-name-field").css( 'color', ui.color.toString());
288
+ $("#optinforms-form5-email-field").css( 'color', ui.color.toString());
289
+ }
290
+ });
291
+ });
292
+ </script>
293
+ </div><!--optionmiddle-->
294
+ <div class="optionlast">
295
+
296
+ </div><!--optionlast-->
297
+ <div class="clear"></div>
298
+ </div><!--optiongroup-->
299
+
300
+ <div class="optiongroup">
301
+ <div class="optionleft">
302
+ <label for="optinforms_form5_button_text" class="nopointer"><?php echo __('Button text', 'optinforms'); ?></label>
303
+ </div><!--optionleft-->
304
+ <div class="optionmiddle">
305
+ <input type="text" id="optinforms_form5_button_text" name="optinforms_form5_button_text" value="<?php echo optinforms_form5_default_button_text(); ?>" onchange='optinforms_change_form5_button_text()' />
306
+ <script type="text/javascript">
307
+ function optinforms_change_form5_button_text() {
308
+ document.getElementById('optinforms-form5-button').value = document.getElementById('optinforms_form5_button_text').value;
309
+ }
310
+ </script>
311
+ </div><!--optionmiddle-->
312
+ <div class="optionlast">
313
+
314
+ </div><!--optionlast-->
315
+ <div class="clear"></div>
316
+ </div><!--optiongroup-->
317
+
318
+ <div class="optiongroup">
319
+ <div class="optionleft">
320
+ <label for="optinforms_form5_button_text_font" class="nopointer"><?php echo __('Button text font', 'optinforms'); ?></label>
321
+ </div><!--optionleft-->
322
+ <div class="optionmiddle">
323
+ <select name="optinforms_form5_button_text_font" id="optinforms_form5_button_text_font" onchange='optinforms_change_form5_button_text_font()'>
324
+ <?php echo optinforms_get_form5_button_text_font_options(); ?>
325
+ </select>
326
+ <script type="text/javascript">
327
+ function optinforms_change_form5_button_text_font() {
328
+ document.getElementById("optinforms-form5-button").style.fontFamily = document.getElementById('optinforms_form5_button_text_font').value;
329
+ }
330
+ </script>
331
+ </div><!--optionmiddle-->
332
+ <div class="optionlast">
333
+
334
+ </div><!--optionlast-->
335
+ <div class="clear"></div>
336
+ </div><!--optiongroup-->
337
+
338
+ <div class="optiongroup">
339
+ <div class="optionleft">
340
+ <label for="optinforms_form5_button_text_size" class="nopointer"><?php echo __('Button text size', 'optinforms'); ?></label>
341
+ </div><!--optionleft-->
342
+ <div class="optionmiddle">
343
+ <select name="optinforms_form5_button_text_size" id="optinforms_form5_button_text_size" onchange='optinforms_change_form5_button_text_size()'>
344
+ <?php echo optinforms_get_form5_button_text_size_options(); ?>
345
+ </select>
346
+ <script type="text/javascript">
347
+ function optinforms_change_form5_button_text_size() {
348
+ document.getElementById("optinforms-form5-button").style.fontSize = document.getElementById('optinforms_form5_button_text_size').value;
349
+ }
350
+ </script>
351
+ </div><!--optionmiddle-->
352
+ <div class="optionlast">
353
+
354
+ </div><!--optionlast-->
355
+ <div class="clear"></div>
356
+ </div><!--optiongroup-->
357
+
358
+ <div class="optiongroup">
359
+ <div class="optionleft">
360
+ <label for="optinforms_form5_button_text_color" class="nopointer"><?php echo __('Button text color', 'optinforms'); ?></label>
361
+ </div><!--optionleft-->
362
+ <div class="optionmiddle">
363
+ <input type="text" id="optinforms_form5_button_text_color" name="optinforms_form5_button_text_color" class="optinforms-color" value="<?php echo optinforms_form5_default_button_text_color(); ?>" data-default-color="#FFFFFF" />
364
+ <script>
365
+ jQuery(document).ready(function($){
366
+ $('#optinforms_form5_button_text_color').wpColorPicker({
367
+ color: true,
368
+ hide: true,
369
+ palettes: true,
370
+ change: function(event, ui) {
371
+ $("#optinforms-form5-button").css( 'color', ui.color.toString());
372
+ }
373
+ });
374
+ });
375
+ </script>
376
+ </div><!--optionmiddle-->
377
+ <div class="optionlast">
378
+
379
+ </div><!--optionlast-->
380
+ <div class="clear"></div>
381
+ </div><!--optiongroup-->
382
+
383
+ <div class="optiongroup">
384
+ <div class="optionleft">
385
+ <label for="optinforms_form5_button_background" class="nopointer"><?php echo __('Button background color', 'optinforms'); ?></label>
386
+ </div><!--optionleft-->
387
+ <div class="optionmiddle">
388
+ <input type="text" id="optinforms_form5_button_background" name="optinforms_form5_button_background" class="optinforms-color" value="<?php echo optinforms_form5_default_button_background(); ?>" data-default-color="#fb6a13" />
389
+ <script>
390
+ jQuery(document).ready(function($){
391
+ $('#optinforms_form5_button_background').wpColorPicker({
392
+ color: true,
393
+ hide: true,
394
+ palettes: true,
395
+ change: function(event, ui) {
396
+ $("#optinforms-form5-button").css( 'background-color', ui.color.toString());
397
+ }
398
+ });
399
+ });
400
+ </script>
401
+ </div><!--optionmiddle-->
402
+ <div class="optionlast">
403
+
404
+ </div><!--optionlast-->
405
+ <div class="clear"></div>
406
+ </div><!--optiongroup-->
407
+
408
+ <div class="optiongroup">
409
+ <div class="optionleft">
410
+ <label for="optinforms_form5_disclaimer" class="nopointer"><?php echo __('Disclaimer text', 'optinforms'); ?></label>
411
+ </div><!--optionleft-->
412
+ <div class="optionmiddle">
413
+ <input type="text" id="optinforms_form5_disclaimer" name="optinforms_form5_disclaimer" value="<?php echo optinforms_form5_default_disclaimer(); ?>" onchange='optinforms_change_form5_disclaimer()' />
414
+ <script type="text/javascript">
415
+ function optinforms_change_form5_disclaimer() {
416
+ document.getElementById('optinforms-form5-disclaimer').innerHTML = document.getElementById('optinforms_form5_disclaimer').value;
417
+ }
418
+ </script>
419
+ </div><!--optionmiddle-->
420
+ <div class="optionlast">
421
+
422
+ </div><!--optionlast-->
423
+ <div class="clear"></div>
424
+ </div><!--optiongroup-->
425
+
426
+ <div class="optiongroup">
427
+ <div class="optionleft">
428
+ <label for="optinforms_form5_disclaimer_font" class="nopointer"><?php echo __('Disclaimer font', 'optinforms'); ?></label>
429
+ </div><!--optionleft-->
430
+ <div class="optionmiddle">
431
+ <select name="optinforms_form5_disclaimer_font" id="optinforms_form5_disclaimer_font" onchange='optinforms_change_form5_disclaimer_font()'>
432
+ <?php echo optinforms_get_form5_disclaimer_font_options(); ?>
433
+ </select>
434
+ <script type="text/javascript">
435
+ function optinforms_change_form5_disclaimer_font() {
436
+ document.getElementById("optinforms-form5-disclaimer").style.fontFamily = document.getElementById('optinforms_form5_disclaimer_font').value;
437
+ }
438
+ </script>
439
+ </div><!--optionmiddle-->
440
+ <div class="optionlast">
441
+
442
+ </div><!--optionlast-->
443
+ <div class="clear"></div>
444
+ </div><!--optiongroup-->
445
+
446
+ <div class="optiongroup">
447
+ <div class="optionleft">
448
+ <label for="optinforms_form5_disclaimer_size" class="nopointer"><?php echo __('Disclaimer size', 'optinforms'); ?></label>
449
+ </div><!--optionleft-->
450
+ <div class="optionmiddle">
451
+ <select name="optinforms_form5_disclaimer_size" id="optinforms_form5_disclaimer_size" onchange='optinforms_change_form5_disclaimer_size()'>
452
+ <?php echo optinforms_get_form5_disclaimer_size_options(); ?>
453
+ </select>
454
+ <script type="text/javascript">
455
+ function optinforms_change_form5_disclaimer_size() {
456
+ document.getElementById("optinforms-form5-disclaimer").style.fontSize = document.getElementById('optinforms_form5_disclaimer_size').value;
457
+ }
458
+ </script>
459
+ </div><!--optionmiddle-->
460
+ <div class="optionlast">
461
+
462
+ </div><!--optionlast-->
463
+ <div class="clear"></div>
464
+ </div><!--optiongroup-->
465
+
466
+ <div class="optiongroup">
467
+ <div class="optionleft">
468
+ <label for="optinforms_form5_disclaimer_color" class="nopointer"><?php echo __('Disclaimer color', 'optinforms'); ?></label>
469
+ </div><!--optionleft-->
470
+ <div class="optionmiddle">
471
+ <input type="text" id="optinforms_form5_disclaimer_color" name="optinforms_form5_disclaimer_color" class="optinforms-color" value="<?php echo optinforms_form5_default_disclaimer_color(); ?>" data-default-color="#727272" />
472
+ <script>
473
+ jQuery(document).ready(function($){
474
+ $('#optinforms_form5_disclaimer_color').wpColorPicker({
475
+ color: true,
476
+ hide: true,
477
+ palettes: true,
478
+ change: function(event, ui) {
479
+ $("#optinforms-form5-disclaimer").css( 'color', ui.color.toString());
480
+ }
481
+ });
482
+ });
483
+ </script>
484
+ </div><!--optionmiddle-->
485
+ <div class="optionlast">
486
+
487
+ </div><!--optionlast-->
488
+ <div class="clear"></div>
489
+ </div><!--optiongroup-->
490
+
491
+ <div class="optiongroup">
492
+ <div class="optionleft">
493
+ <label for="optinforms_form5_width" class="nopointer"><?php echo __('Form width', 'optinforms'); ?></label> <label><a onclick="optinforms_explain_width_5()"><span class="explain">?</span></a></label>
494
+ </div><!--optionleft-->
495
+ <div class="optionmiddle">
496
+ <div class="choose-width">
497
+ <input name="optinforms_form5_width" id="optinforms_form5_width_100" type="radio" value="0" class="radiobutton" <?php echo optinforms_form5_checked_width_100(); ?> onclick="document.getElementById('optinforms_form5_width_pixels').disabled=true;" /> <label for="optinforms_form5_width_100" class="radiobutton-label">100%</label>
498
+ </div><!--choose-width-->
499
+ <div class="choose-width">
500
+ <input name="optinforms_form5_width" id="optinforms_form5_width_fixed" type="radio" value="1" class="radiobutton" <?php echo optinforms_form5_checked_width_fixed(); ?> onclick="document.getElementById('optinforms_form5_width_pixels').disabled=false;" /> <label for="optinforms_form5_width_fixed" class="radiobutton-label">Fixed:</label>
501
+ </div><!--choose-width-->
502
+ <input type="text" id="optinforms_form5_width_pixels" name="optinforms_form5_width_pixels" value="<?php echo optinforms_form5_default_width_pixels(); ?>" class="fixed-width" <?php echo optinforms_form5_disabled_width_pixels(); ?> /> <p class="fixed-width-px">px</p>
503
+ <div class="clear"></div>
504
+ </div><!--optionmiddle-->
505
+ <div class="optionlast">
506
+
507
+ </div><!--optionlast-->
508
+ <div class="clear"></div>
509
+ </div><!--optiongroup-->
510
+
511
+ <script type="text/javascript">
512
+ function optinforms_explain_width_5() {
513
+ // Get the DOM reference
514
+ var contentId = document.getElementById("optinforms-explain-width-5");
515
+ // Toggle
516
+ contentId.style.display == "block" ? contentId.style.display = "none" :
517
+ contentId.style.display = "block";
518
+ }
519
+ </script>
520
+ <div id="optinforms-explain-width-5" style="display:none;">
521
+ <div class="optinforms-help">
522
+ <p><?php echo __('In most cases, you can leave the form width at 100%. This will ensure your form will align perfectly with any WordPress theme and act responsive when scaled on different devices. Please note that the form preview displayed in your WordPress administration panel will not be affected by changing this value.', 'optinforms'); ?></p>
523
+ </div><!--optinforms-help-->
524
+ </div><!--optinforms-explain-width-5-->
525
+
526
+ <?php ?>
includes/register-settings.php ADDED
@@ -0,0 +1,152 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ add_action( 'admin_init', 'optinforms_register_settings' );
4
+
5
+ // Register Optin Forms settings
6
+ function optinforms_register_settings()
7
+ {
8
+
9
+ register_setting( 'optinforms-settings-group', 'optinforms_email_solution' );
10
+ register_setting( 'optinforms-settings-group', 'optinforms_form_action' );
11
+ register_setting( 'optinforms-settings-group', 'optinforms_form_action_mailchimp' );
12
+ register_setting( 'optinforms-settings-group', 'optinforms_form_action_madmimi' );
13
+ register_setting( 'optinforms-settings-group', 'optinforms_form_action_interspire' );
14
+
15
+ register_setting( 'optinforms-settings-group', 'optinforms_form_list_name_aweber' );
16
+ register_setting( 'optinforms-settings-group', 'optinforms_form_redirect_aweber' );
17
+ register_setting( 'optinforms-settings-group', 'optinforms_form_listid_icontact' );
18
+ register_setting( 'optinforms-settings-group', 'optinforms_form_specialid_icontact' );
19
+ register_setting( 'optinforms-settings-group', 'optinforms_form_clientid_icontact' );
20
+ register_setting( 'optinforms-settings-group', 'optinforms_form_redirect_icontact' );
21
+ register_setting( 'optinforms-settings-group', 'optinforms_form_error_icontact' );
22
+ register_setting( 'optinforms-settings-group', 'optinforms_form_webformid_getresponse' );
23
+ register_setting( 'optinforms-settings-group', 'optinforms_form_name_field_interspire' );
24
+
25
+ register_setting( 'optinforms-settings-group', 'optinforms_form_design' );
26
+ register_setting( 'optinforms-settings-group', 'optinforms_form_placement_post' );
27
+ register_setting( 'optinforms-settings-group', 'optinforms_form_placement_page' );
28
+ register_setting( 'optinforms-settings-group', 'optinforms_powered_by' );
29
+
30
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_background' );
31
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_border' );
32
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_title' );
33
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_title_font' );
34
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_title_size' );
35
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_title_color' );
36
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_subtitle' );
37
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_subtitle_font' );
38
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_subtitle_size' );
39
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_subtitle_color' );
40
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_name_field' );
41
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_email_field' );
42
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_fields_font' );
43
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_fields_size' );
44
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_fields_color' );
45
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_button_text' );
46
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_button_text_font' );
47
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_button_text_size' );
48
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_button_text_color' );
49
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_button_background' );
50
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_disclaimer' );
51
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_disclaimer_font' );
52
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_disclaimer_size' );
53
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_disclaimer_color' );
54
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_width' );
55
+ register_setting( 'optinforms-settings-group', 'optinforms_form1_width_pixels' );
56
+
57
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_background' );
58
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_title' );
59
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_title_font' );
60
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_title_size' );
61
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_title_color' );
62
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_email_field' );
63
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_fields_font' );
64
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_fields_size' );
65
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_fields_color' );
66
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_button_text' );
67
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_button_text_font' );
68
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_button_text_size' );
69
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_button_text_color' );
70
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_button_background' );
71
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_disclaimer' );
72
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_disclaimer_font' );
73
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_disclaimer_size' );
74
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_disclaimer_color' );
75
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_width' );
76
+ register_setting( 'optinforms-settings-group', 'optinforms_form2_width_pixels' );
77
+
78
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_background' );
79
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_title' );
80
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_title_font' );
81
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_title_size' );
82
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_title_color' );
83
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_subtitle' );
84
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_subtitle_font' );
85
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_subtitle_size' );
86
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_subtitle_color' );
87
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_name_field' );
88
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_email_field' );
89
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_fields_font' );
90
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_fields_size' );
91
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_fields_color' );
92
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_button_text' );
93
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_button_text_font' );
94
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_button_text_size' );
95
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_button_text_color' );
96
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_button_background' );
97
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_width' );
98
+ register_setting( 'optinforms-settings-group', 'optinforms_form3_width_pixels' );
99
+
100
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_background' );
101
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_border' );
102
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_title' );
103
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_title_font' );
104
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_title_size' );
105
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_title_color' );
106
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_subtitle' );
107
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_subtitle_font' );
108
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_subtitle_size' );
109
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_subtitle_color' );
110
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_email_field' );
111
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_fields_font' );
112
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_fields_size' );
113
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_fields_color' );
114
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_button_text' );
115
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_button_text_font' );
116
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_button_text_size' );
117
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_button_text_color' );
118
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_button_background' );
119
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_disclaimer' );
120
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_disclaimer_font' );
121
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_disclaimer_size' );
122
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_disclaimer_color' );
123
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_width' );
124
+ register_setting( 'optinforms-settings-group', 'optinforms_form4_width_pixels' );
125
+
126
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_background' );
127
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_title' );
128
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_title_font' );
129
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_title_size' );
130
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_title_color' );
131
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_subtitle' );
132
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_subtitle_font' );
133
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_subtitle_size' );
134
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_subtitle_color' );
135
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_name_field' );
136
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_email_field' );
137
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_fields_font' );
138
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_fields_size' );
139
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_fields_color' );
140
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_button_text' );
141
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_button_text_font' );
142
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_button_text_size' );
143
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_button_text_color' );
144
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_button_background' );
145
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_disclaimer' );
146
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_disclaimer_font' );
147
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_disclaimer_size' );
148
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_disclaimer_color' );
149
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_width' );
150
+ register_setting( 'optinforms-settings-group', 'optinforms_form5_width_pixels' );
151
+ }
152
+ ?>
includes/sidebar.php ADDED
@@ -0,0 +1,19 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php ?>
2
+
3
+ <div class="optinforms-ad-product">
4
+ <h4><a href="http://www.codeleon.com/wordpress/plugins/wp-video-coach/" target="_blank">WP Video Coach - WordPress Video Tutorial</a></h4>
5
+ <p>The WordPress Video Coach plugin loads a complete set of High Definition step-by-step WordPress tutorial videos directly into your clients' dashboard. Saves you valuable time!</p>
6
+ <div class="optinforms-ad-product-button"><a href="http://www.codeleon.com/wordpress/plugins/wp-video-coach/" target="_blank"><?php echo __('Download the Plugin', 'optinforms'); ?></a></div>
7
+ </div><!--optinforms-ad-product-->
8
+ <div class="optinforms-ad">
9
+ <ul>
10
+ <li><a href="http://wordpress.org/support/plugin/optin-forms" target="_blank"><?php echo __('Get support', 'optinforms'); ?></a></li>
11
+ <li><a href="http://wordpress.org/plugins/optin-forms" target="_blank"><?php echo __('Rate our plugin on WordPress.org', 'optinforms'); ?></a></li>
12
+ <li><a href="http://www.twitter.com/codeleoncom" target="_blank"><?php echo __('Follow us on Twitter', 'optinforms'); ?></a></li>
13
+ <li><a href="http://www.facebook.com/codeleoncom" target="_blank"><?php echo __('Follow us on Facebook', 'optinforms'); ?></a></li>
14
+ <li><a href="http://plus.google.com/116000141335169770939" target="_blank"><?php echo __('Follow us on Google+', 'optinforms'); ?></a></li>
15
+ </ul>
16
+ <p>A plugin by <a href="http://www.codeleon.com" target="_blank"><img src="<?php echo plugins_url(); ?>/optin-forms/images/logo.png" alt="Codeleon" /></a></p>
17
+ </div><!--optinforms-ad-->
18
+
19
+ <?php ?>
js/optinforms-color.js ADDED
@@ -0,0 +1,3 @@
 
 
 
1
+ jQuery(document).ready(function($){
2
+ $('.optinforms-color').wpColorPicker();
3
+ });
js/placeholder.js ADDED
@@ -0,0 +1,103 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // Stick Placeholders jQuery Plugin
2
+ (function($) {
3
+ var alterParent = function(options, event) {
4
+ var label = $(this).data('label');
5
+
6
+ if (event && event.type === 'focusin') {
7
+ label.css('opacity', options.placeholderFocusOpacity);
8
+ } else if (event && event.type === 'focusout') {
9
+ label.css('opacity', options.placeholderOpacity);
10
+ }
11
+
12
+ if (event && event.type !== 'keydown') {
13
+ toggleLabel(this, label);
14
+ } else {
15
+ // Use timeout to catch val() just after the key is pressed
16
+ // Using keyup is too slow.
17
+ (function(input) {
18
+ setTimeout(function() {
19
+ toggleLabel(input, label);
20
+ }, 0);
21
+ })(this);
22
+ }
23
+ };
24
+
25
+ var toggleLabel = function(input, label) {
26
+ if ($(input).val()) {
27
+ label.hide();
28
+ } else {
29
+ label.show();
30
+ }
31
+ };
32
+
33
+ $.fn.stickyPlaceholders = function(options) {
34
+ var defaults = {
35
+ wrapperClass: 'sticky-placeholder-wrapper',
36
+ wrapperDisplay: 'block',
37
+ labelClass: 'sticky-placeholder-label',
38
+ placeholderAttr: 'placeholder',
39
+ dataAttr: 'data-sticky-placeholder',
40
+ placeholderColor: '#000',
41
+ placeholderOpacity: 0.5,
42
+ placeholderFocusOpacity: 0.25
43
+ };
44
+ options = $.extend(defaults, options);
45
+
46
+ return this.each(function() {
47
+ var input = $(this),
48
+ placeholder = input.attr(options.placeholderAttr),
49
+ wrapper = $(this).wrap('<span class="' + options.wrapperClass + '" />').parent().css({'position':'relative', 'display':options.wrapperDisplay}),
50
+ label = $('<label class="' + options.labelClass + '" for="' + input.attr('id') + '">' + placeholder + '</label>').appendTo(wrapper),
51
+ labelStyle;
52
+
53
+ // store a reference to each input's label
54
+ input.data('label', label);
55
+
56
+ // remove the placeholder attribute to avoid conflcits
57
+ input.removeAttr('placeholder');
58
+
59
+ // If the dataAttr is set and it's not equal to the placeholderAttr
60
+ if ( options.dataAttr && options.placeholderAttr !== options.dataAttr ) {
61
+ input.attr('data-sticky-placeholder', placeholder);
62
+ }
63
+
64
+ labelStyle = {
65
+ 'color': options.placeholderColor,
66
+ 'cursor': 'text',
67
+ 'font-family': input.css('font-family'),
68
+ 'font-weight': input.css('font-weight'),
69
+ 'font-size': input.css('font-size'),
70
+ 'left': parseInt(input.css('border-left-width'), 10) + parseInt(input.css('margin-left'), 10),
71
+ 'line-height': this.currentStyle ? this.currentStyle.lineHeight : input.css('line-height'),
72
+ // fix for an IE/jQuery bug returning 1px when the line-height doesn't have a unit: http://bugs.jquery.com/ticket/2671
73
+ 'opacity': options.placeholderOpacity,
74
+ 'padding-left': input.css('padding-left'),
75
+ 'padding-top': input.css('padding-top'),
76
+ 'position': 'absolute',
77
+ 'text-transform': input.css('text-transform'),
78
+ 'top': parseInt(input.css('border-top-width'), 10) + parseInt(input.css('margin-top'), 10)
79
+ };
80
+ label.css(labelStyle);
81
+
82
+ // hide the placeholder if the input already has a value
83
+ if (input.val()) {
84
+ label.hide();
85
+ }
86
+
87
+ $(this).bind('keydown input focusin focusout', function(event) {
88
+ alterParent.call(this, options, event);
89
+ });
90
+
91
+ // prevent click/dblclick from selecting the label text
92
+ label.bind('mousedown', function(e) {
93
+ e.preventDefault();
94
+ });
95
+
96
+ // call alterParent initially without an event to set up the wrapper elements
97
+ alterParent.call(this, options);
98
+ });
99
+ };
100
+ })(jQuery);
101
+
102
+ // call the plugin
103
+ $("[placeholder]").stickyPlaceholders();
js/slider-control.js ADDED
@@ -0,0 +1,10 @@
 
 
 
 
 
 
 
 
 
 
1
+ // <![CDATA[
2
+ jQuery(document).ready(function($) {
3
+ $('#easyoptin-slider').before('<div class="slider-controls"><a href="#" id="prev">&lt;</a> <a href="#" id="next">&gt;</a></div>').cycle({
4
+ timeout: 0 * 1000,
5
+ fx: 'scrollHorz',
6
+ next: '#prev',
7
+ prev: '#next',
8
+ });
9
+ });
10
+ // ]]>
js/tabcontent.js ADDED
@@ -0,0 +1,159 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ //** Tab Content script v2.0- � Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
2
+ //** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements:
3
+ // -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected
4
+ // -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted
5
+ // -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st)
6
+ // -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container
7
+ //** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically
8
+ //** Updated April 8th, 08 to version 2.2: Adds support for expanding a tab using a URL parameter (ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0)
9
+
10
+ ////NO NEED TO EDIT BELOW////////////////////////
11
+
12
+ function ddtabcontent(tabinterfaceid){
13
+ this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container
14
+ this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container
15
+ this.enabletabpersistence=true
16
+ this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container
17
+ this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array
18
+ this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)
19
+ this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)
20
+ this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")
21
+ }
22
+
23
+ ddtabcontent.getCookie=function(Name){
24
+ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
25
+ if (document.cookie.match(re)) //if cookie found
26
+ return document.cookie.match(re)[0].split("=")[1] //return its value
27
+ return ""
28
+ }
29
+
30
+ ddtabcontent.setCookie=function(name, value){
31
+ document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/)
32
+ }
33
+
34
+ ddtabcontent.prototype={
35
+
36
+ expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers
37
+ this.cancelautorun() //stop auto cycling of tabs (if running)
38
+ var tabref=""
39
+ try{
40
+ if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr
41
+ tabref=document.getElementById(tabid_or_position)
42
+ else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr
43
+ tabref=this.tabs[tabid_or_position]
44
+ }
45
+ catch(err){alert("Invalid Tab ID or position entered!")}
46
+ if (tabref!="") //if a valid tab is found based on function parameter
47
+ this.expandtab(tabref) //expand this tab
48
+ },
49
+
50
+ cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )
51
+ if (dir=="next"){
52
+ var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0
53
+ }
54
+ else if (dir=="prev"){
55
+ var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1
56
+ }
57
+ if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function
58
+ this.cancelautorun() //stop auto cycling of tabs (if running)
59
+ this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])
60
+ },
61
+
62
+ setpersist:function(bool){ //PUBLIC function to toggle persistence feature
63
+ this.enabletabpersistence=bool
64
+ },
65
+
66
+ setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")
67
+ this.selectedClassTarget=objstr || "link"
68
+ },
69
+
70
+ getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to
71
+ return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref
72
+ },
73
+
74
+ urlparamselect:function(tabinterfaceid){
75
+ var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL
76
+ return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
77
+ },
78
+
79
+ expandtab:function(tabref){
80
+ var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand
81
+ //Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through
82
+ var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""
83
+ this.expandsubcontent(subcontentid)
84
+ this.expandrevcontent(associatedrevids)
85
+ for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"
86
+ this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""
87
+ }
88
+ if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers
89
+ ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)
90
+ this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array
91
+ },
92
+
93
+ expandsubcontent:function(subcontentid){
94
+ for (var i=0; i<this.subcontentids.length; i++){
95
+ var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)
96
+ subcontent.style.display=(subcontent.id==subcontentid)? "block" : "none" //"show" or hide sub content based on matching id attr value
97
+ }
98
+ },
99
+
100
+ expandrevcontent:function(associatedrevids){
101
+ var allrevids=this.revcontentids
102
+ for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface
103
+ //if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it
104
+ document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "block" : "none"
105
+ }
106
+ },
107
+
108
+ setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)
109
+ for (var i=0; i<this.hottabspositions.length; i++){
110
+ if (tabposition==this.hottabspositions[i]){
111
+ this.currentTabIndex=i
112
+ break
113
+ }
114
+ }
115
+ },
116
+
117
+ autorun:function(){ //function to auto cycle through and select tabs based on a set interval
118
+ this.cycleit('next', true)
119
+ },
120
+
121
+ cancelautorun:function(){
122
+ if (typeof this.autoruntimer!="undefined")
123
+ clearInterval(this.autoruntimer)
124
+ },
125
+
126
+ init:function(automodeperiod){
127
+ var persistedtab=ddtabcontent.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)
128
+ var selectedtab=-1 //Currently selected tab index (-1 meaning none)
129
+ var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index
130
+ this.automodeperiod=automodeperiod || 0
131
+ for (var i=0; i<this.tabs.length; i++){
132
+ this.tabs[i].tabposition=i //remember position of tab relative to its peers
133
+ if (this.tabs[i].getAttribute("rel")){
134
+ var tabinstance=this
135
+ this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers
136
+ this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)
137
+ this.tabs[i].onclick=function(){
138
+ tabinstance.expandtab(this)
139
+ tabinstance.cancelautorun() //stop auto cycling of tabs (if running)
140
+ return false
141
+ }
142
+ if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element
143
+ this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))
144
+ }
145
+ if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){
146
+ selectedtab=i //Selected tab index, if found
147
+ }
148
+ }
149
+ } //END for loop
150
+ if (selectedtab!=-1) //if a valid default selected tab index is found
151
+ this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)
152
+ else //if no valid default selected index found
153
+ this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr
154
+ if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){
155
+ this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)
156
+ }
157
+ } //END int() function
158
+
159
+ } //END Prototype assignment
js/tinybox.js ADDED
@@ -0,0 +1,134 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ TINY={};
2
+
3
+ TINY.box=function(){
4
+ var j,m,b,g,v,p=0;
5
+ return{
6
+ show:function(o){
7
+ v={opacity:70,close:1,animate:1,fixed:1,mask:1,maskid:'',boxid:'',topsplit:2,url:0,post:0,height:0,width:0,html:0,iframe:0};
8
+ for(s in o){v[s]=o[s]}
9
+ if(!p){
10
+ j=document.createElement('div'); j.className='tbox';
11
+ p=document.createElement('div'); p.className='tinner';
12
+ b=document.createElement('div'); b.className='tcontent';
13
+ m=document.createElement('div'); m.className='tmask';
14
+ g=document.createElement('div'); g.className='tclose'; g.v=0;
15
+ document.body.appendChild(m); document.body.appendChild(j); j.appendChild(p); p.appendChild(b);
16
+ m.onclick=g.onclick=TINY.box.hide; window.onresize=TINY.box.resize
17
+ }else{
18
+ j.style.display='none'; clearTimeout(p.ah); if(g.v){p.removeChild(g); g.v=0}
19
+ }
20
+ p.id=v.boxid; m.id=v.maskid; j.style.position=v.fixed?'fixed':'absolute';
21
+ if(v.html&&!v.animate){
22
+ p.style.backgroundImage='none'; b.innerHTML=v.html; b.style.display='';
23
+ p.style.width=v.width?v.width+'px':'auto'; p.style.height=v.height?v.height+'px':'auto'
24
+ }else{
25
+ b.style.display='none';
26
+ if(!v.animate&&v.width&&v.height){
27
+ p.style.width=v.width+'px'; p.style.height=v.height+'px'
28
+ }else{
29
+ p.style.width=p.style.height='100px'
30
+ }
31
+ }
32
+ if(v.mask){this.mask(); this.alpha(m,1,v.opacity)}else{this.alpha(j,1,100)}
33
+ if(v.autohide){p.ah=setTimeout(TINY.box.hide,1000*v.autohide)}else{document.onkeyup=TINY.box.esc}
34
+ },
35
+ fill:function(c,u,k,a,w,h){
36
+ if(u){
37
+ if(v.image){
38
+ var i=new Image(); i.onload=function(){w=w||i.width; h=h||i.height; TINY.box.psh(i,a,w,h)}; i.src=v.image
39
+ }else if(v.iframe){
40
+ this.psh('<iframe src="'+v.iframe+'" width="'+v.width+'" frameborder="0" height="'+v.height+'"></iframe>',a,w,h)
41
+ }else{
42
+ var x=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');
43
+ x.onreadystatechange=function(){
44
+ if(x.readyState==4&&x.status==200){p.style.backgroundImage=''; TINY.box.psh(x.responseText,a,w,h)}
45
+ };
46
+ if(k){
47
+ x.open('POST',c,true); x.setRequestHeader('Content-type','application/x-www-form-urlencoded'); x.send(k)
48
+ }else{
49
+ x.open('GET',c,true); x.send(null)
50
+ }
51
+ }
52
+ }else{
53
+ this.psh(c,a,w,h)
54
+ }
55
+ },
56
+ psh:function(c,a,w,h){
57
+ if(typeof c=='object'){b.appendChild(c)}else{b.innerHTML=c}
58
+ var x=p.style.width, y=p.style.height;
59
+ if(!w||!h){
60
+ p.style.width=w?w+'px':''; p.style.height=h?h+'px':''; b.style.display='';
61
+ if(!h){h=parseInt(b.offsetHeight)}
62
+ if(!w){w=parseInt(b.offsetWidth)}
63
+ b.style.display='none'
64
+ }
65
+ p.style.width=x; p.style.height=y;
66
+ this.size(w,h,a)
67
+ },
68
+ esc:function(e){e=e||window.event; if(e.keyCode==27){TINY.box.hide()}},
69
+ hide:function(){TINY.box.alpha(j,-1,0,3); document.onkeypress=null; if(v.closejs){v.closejs()}},
70
+ resize:function(){TINY.box.pos(); TINY.box.mask()},
71
+ mask:function(){m.style.height=this.total(1)+'px'; m.style.width=this.total(0)+'px'},
72
+ pos:function(){
73
+ var t;
74
+ if(typeof v.top!='undefined'){t=v.top}else{t=(this.height()/v.topsplit)-(j.offsetHeight/2); t=t<20?20:t}
75
+ if(!v.fixed&&!v.top){t+=this.top()}
76
+ j.style.top=t+'px';
77
+ j.style.left=typeof v.left!='undefined'?v.left+'px':(this.width()/2)-(j.offsetWidth/2)+'px'
78
+ },
79
+ alpha:function(e,d,a){
80
+ clearInterval(e.ai);
81
+ if(d){e.style.opacity=0; e.style.filter='alpha(opacity=0)'; e.style.display='block'; TINY.box.pos()}
82
+ e.ai=setInterval(function(){TINY.box.ta(e,a,d)},20)
83
+ },
84
+ ta:function(e,a,d){
85
+ var o=Math.round(e.style.opacity*100);
86
+ if(o==a){
87
+ clearInterval(e.ai);
88
+ if(d==-1){
89
+ e.style.display='none';
90
+ e==j?TINY.box.alpha(m,-1,0,2):b.innerHTML=p.style.backgroundImage=''
91
+ }else{
92
+ if(e==m){
93
+ this.alpha(j,1,100)
94
+ }else{
95
+ j.style.filter='';
96
+ TINY.box.fill(v.html||v.url,v.url||v.iframe||v.image,v.post,v.animate,v.width,v.height)
97
+ }
98
+ }
99
+ }else{
100
+ var n=a-Math.floor(Math.abs(a-o)*.5)*d;
101
+ e.style.opacity=n/100; e.style.filter='alpha(opacity='+n+')'
102
+ }
103
+ },
104
+ size:function(w,h,a){
105
+ if(a){
106
+ clearInterval(p.si); var wd=parseInt(p.style.width)>w?-1:1, hd=parseInt(p.style.height)>h?-1:1;
107
+ p.si=setInterval(function(){TINY.box.ts(w,wd,h,hd)},20)
108
+ }else{
109
+ p.style.backgroundImage='none'; if(v.close){p.appendChild(g); g.v=1}
110
+ p.style.width=w+'px'; p.style.height=h+'px'; b.style.display=''; this.pos();
111
+ if(v.openjs){v.openjs()}
112
+ }
113
+ },
114
+ ts:function(w,wd,h,hd){
115
+ var cw=parseInt(p.style.width), ch=parseInt(p.style.height);
116
+ if(cw==w&&ch==h){
117
+ clearInterval(p.si); p.style.backgroundImage='none'; b.style.display='block'; if(v.close){p.appendChild(g); g.v=1}
118
+ if(v.openjs){v.openjs()}
119
+ }else{
120
+ if(cw!=w){p.style.width=(w-Math.floor(Math.abs(w-cw)*.6)*wd)+'px'}
121
+ if(ch!=h){p.style.height=(h-Math.floor(Math.abs(h-ch)*.6)*hd)+'px'}
122
+ this.pos()
123
+ }
124
+ },
125
+ top:function(){return document.documentElement.scrollTop||document.body.scrollTop},
126
+ width:function(){return self.innerWidth||document.documentElement.clientWidth||document.body.clientWidth},
127
+ height:function(){return self.innerHeight||document.documentElement.clientHeight||document.body.clientHeight},
128
+ total:function(d){
129
+ var b=document.body, e=document.documentElement;
130
+ return d?Math.max(Math.max(b.scrollHeight,e.scrollHeight),Math.max(b.clientHeight,e.clientHeight)):
131
+ Math.max(Math.max(b.scrollWidth,e.scrollWidth),Math.max(b.clientWidth,e.clientWidth))
132
+ }
133
+ }
134
+ }();
optin-forms.php ADDED
@@ -0,0 +1,759 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ Plugin Name: Optin Forms
4
+ Plugin URI: http://www.codeleon.com/wordpress/plugins/optin-forms
5
+ Description: Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.
6
+ Author: Codeleon
7
+ Version: 1.0
8
+ Author URI: http://www.codeleon.com
9
+ License: Free
10
+ Text Domain: optinforms
11
+ Domain Path: /languages/
12
+ */
13
+
14
+ // Add translation to plugin
15
+ function optinforms_init() {
16
+ $plugin_dir = basename(dirname(__FILE__));
17
+ load_plugin_textdomain( 'optinforms', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
18
+ }
19
+ add_action('plugins_loaded', 'optinforms_init');
20
+
21
+ // Allow for translation of plugin description
22
+ $plugin_header_translate = array(
23
+ __('Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.', 'optinforms'),
24
+ );
25
+
26
+ // Add our menu to WordPress
27
+ add_action( 'admin_menu', 'optinforms_menu' );
28
+
29
+ function optinforms_menu()
30
+ {
31
+ $submenu = add_menu_page(__('Optin Forms','menu-test'), __('Optin Forms','menu-test'), 'manage_options', 'optinforms', 'optinforms_main_page', plugins_url('optin-forms/images/icon.png'), 31);
32
+
33
+ // * We want our JS and CSS loaded on our admin pages only, so let's just load them for now
34
+ add_action( 'load-' . $submenu, 'load_optinforms_admin_scripts' );
35
+ }
36
+
37
+ // Enqueue our CSS and JS on WP Video Coach admin pages only
38
+ function load_optinforms_admin_scripts() {
39
+ add_action( 'admin_enqueue_scripts', 'optinforms_admin_scripts' );
40
+ }
41
+
42
+ // Include our registration settings
43
+ include( plugin_dir_path( __FILE__ ) . 'includes/register-settings.php');
44
+ // Include our regular functions
45
+ include( plugin_dir_path( __FILE__ ) . 'includes/functions.php');
46
+ // Include our form functions
47
+ include( plugin_dir_path( __FILE__ ) . 'includes/functions-forms.php');
48
+
49
+
50
+ // Add our CSS and JS to admin head, but just for our pages (see load_optinforms_admin_scripts above!)
51
+ function optinforms_admin_scripts()
52
+ {
53
+ wp_enqueue_style('optinforms-admin-stylesheet', plugins_url('/css/optinforms-admin.css', __FILE__ ), array('googleFont'));
54
+ wp_enqueue_script('tabcontent', plugins_url('/js/tabcontent.js', __FILE__ ));
55
+ wp_enqueue_style('wp-color-picker');
56
+ wp_enqueue_script('optinforms-color', plugins_url('/js/optinforms-color.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
57
+ wp_enqueue_script('placeholder', plugins_url('/js/placeholder.js', __FILE__ ));
58
+ wp_register_style('googleFont', 'http://fonts.googleapis.com/css?family=Share+Tech|Droid+Sans|Lobster|Fenix|Unkempt|Flavors|Viga|Damion|Oleo+Script|Racing+Sans+One|Nixie+One|Fredoka+One|Open+Sans|Overlock+SC|Bubbler+One|Contrail+One|Gochi+Hand|Roboto+Condensed|Russo+One|Cinzel+Decorative|News+Cycle|Marcellus+SC|Chewy|Quicksand|Sanchez|Signika+Negative|Gloria+Hallelujah|Grand+Hotel|Droid+Serif|Englebert|Oswald|Pacifico|Titan+One|Shadows+Into+Light|Dancing+Script|Luckiest+Guy|Parisienne|Coming+Soon|Baumans|Belgrano');
59
+ }
60
+
61
+ // Enqueue our form CSS on front end
62
+ add_action( 'wp_enqueue_scripts', 'optinforms_scripts' );
63
+
64
+
65
+ // Add our CSS and JS to admin head, but just for our pages (see load_optinforms_admin_scripts above!)
66
+ function optinforms_scripts()
67
+ {
68
+ global $optinforms_form_design;
69
+ wp_enqueue_style('optinforms-stylesheet', plugins_url('/css/optinforms.css', __FILE__ ), array('googleFont'));
70
+ wp_enqueue_script('placeholder', plugins_url('/js/placeholder.js', __FILE__ ));
71
+ wp_register_style('googleFont', optinforms_used_fonts());
72
+ }
73
+
74
+ // Make sure user can manage options
75
+ function optinforms_options() {
76
+ if ( !current_user_can( 'manage_options' ) ) {
77
+ wp_die( __( 'You do not have sufficient permissions to access this page.' ) );
78
+ }
79
+ ?>
80
+
81
+ <?php }
82
+
83
+ function optinforms_main_page() {
84
+
85
+ { ?>
86
+ <div class="wrap">
87
+ <div id="icon-optinforms" class="icon32">
88
+ </div><!--icon-32-->
89
+
90
+ <h2 class="title"><?php echo optinforms_menu_tabs(); ?></h2>
91
+ </div><!--wrap-->
92
+
93
+ <?php if( isset($_GET['settings-updated']) ) { ?>
94
+ <div id="message" class="updated">
95
+ <p><strong><?php _e('Settings updated.') ?></strong></p>
96
+ </div>
97
+ <?php } ?>
98
+
99
+ <div id="optinforms">
100
+ <form method="post" action="options.php" id="frm1">
101
+ <?php settings_fields( 'optinforms-settings-group' ); ?>
102
+ <div id="optinforms-email-solution-tab" class="tabcontent">
103
+ <div class="optinforms-container-left">
104
+ <div class="optiongroup">
105
+ <h3><?php echo __('Email Solution', 'optinforms'); ?></h3>
106
+ <p><?php echo __('Select your email solution and configure the required fields.', 'optinforms'); ?></p>
107
+ <div class="optionleft">
108
+ <label for="optinforms_email_solution" class="nopointer"><?php echo __('My email solution is', 'optinforms'); ?></label>
109
+ </div><!--optionleft-->
110
+ <div class="optionmiddle">
111
+ <select name="optinforms_email_solution" id="optinforms_email_solution">
112
+ <option value="optinforms_email_solution_option1" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option1') echo 'selected="selected"'; ?>>aWeber</option>
113
+ <option value="optinforms_email_solution_option2" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option2') echo 'selected="selected"'; ?>>iContact</option>
114
+ <option value="optinforms_email_solution_option3" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option3') echo 'selected="selected"'; ?>>MailChimp</option>
115
+ <option value="optinforms_email_solution_option4" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option4') echo 'selected="selected"'; ?>>GetResponse</option>
116
+ <option value="optinforms_email_solution_option5" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option5') echo 'selected="selected"'; ?>>Mad Mimi</option>
117
+ <option value="optinforms_email_solution_option6" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option6') echo 'selected="selected"'; ?>>Interspire Email Marketer</option>
118
+ </select>
119
+ <script type="text/javascript">
120
+ document.getElementById('optinforms_email_solution').onchange = function() {
121
+ var i = 1;
122
+ var myDiv = document.getElementById("optinforms_email_solution_option" + i);
123
+ while(myDiv) {
124
+ myDiv.style.display = 'none';
125
+ myDiv = document.getElementById("optinforms_email_solution_option" + ++i);
126
+ }
127
+ document.getElementById(this.value).style.display = 'block';
128
+ };
129
+ </script>
130
+ </div><!--optionmiddle-->
131
+ <div class="clear"></div>
132
+
133
+ </div><!--optiongroup-->
134
+
135
+ <div class="optiongroup">
136
+ <div id="optinforms_email_solution_option1" <?php if (get_option('optinforms_email_solution')== '' || get_option('optinforms_email_solution')== 'optinforms_email_solution_option1') echo 'style="display:block;"'; ?>>
137
+ <!--<p class="optinforms-integration"><a href="#"></?php echo __('Learn how to integrate aWeber: watch the short video', 'optinforms'); ?></a></p>-->
138
+ <div class="optiongroup">
139
+ <div class="optionleft">
140
+ <label><a onclick="optinforms_explain_aweber()"><span class="explain">?</span></a></label> <label for="optinforms_form_list_name_aweber" class="nopointer"><?php echo __('List name', 'optinforms'); ?> <span class="required">*</span></label>
141
+ </div><!--optionleft-->
142
+ <div class="optionmiddle">
143
+ <input type="text" id="optinforms_form_list_name_aweber" name="optinforms_form_list_name_aweber" value="<?php echo optinforms_form_list_name_aweber(); ?>" />
144
+ </div><!--optionmiddle-->
145
+ <div class="clear"></div>
146
+ </div><!--optiongroup-->
147
+
148
+ <script type="text/javascript">
149
+ function optinforms_explain_aweber() {
150
+ // Get the DOM reference
151
+ var contentId = document.getElementById("optinforms-explain-aweber");
152
+ // Toggle
153
+ contentId.style.display == "block" ? contentId.style.display = "none" :
154
+ contentId.style.display = "block";
155
+ }
156
+ </script>
157
+ <div id="optinforms-explain-aweber" style="display:none;">
158
+ <div class="optinforms-step">
159
+ <h4><?php echo __('How to find your list name', 'optinforms'); ?></h4>
160
+ <p><span class="step">1</span> <?php echo __('Log in to your aWeber account', 'optinforms'); ?></p>
161
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-001.png" class="step-image" />
162
+ <p><span class="step">2</span> <?php echo __('Click on My Lists in the navigation menu', 'optinforms'); ?></p>
163
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-002.png" class="step-image" />
164
+ <p><span class="step">3</span> <?php echo __('Click on List Settings from the submenu options', 'optinforms'); ?></p>
165
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-003.png" class="step-image" />
166
+ <p><span class="step">4</span> <?php echo __('You will find your list name in the List Name field', 'optinforms'); ?></p>
167
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-aweber-004.png" class="step-image" />
168
+ </div><!--optinforms-step-->
169
+ </div><!--optinforms-explain-aweber-->
170
+
171
+ <div class="optiongroup">
172
+ <div class="optionleft">
173
+ <label><a onclick="optinforms_explain_redirect_aweber()"><span class="explain">?</span></a></label> <label for="optinforms_form_redirect_aweber" class="nopointer"><?php echo __('Redirect URL', 'optinforms'); ?></label>
174
+ </div><!--optionleft-->
175
+ <div class="optionmiddle">
176
+ <input type="text" id="optinforms_form_redirect_aweber" name="optinforms_form_redirect_aweber" value="<?php echo optinforms_form_redirect_aweber(); ?>" />
177
+ </div><!--optionmiddle-->
178
+ <div class="clear"></div>
179
+ </div><!--optiongroup-->
180
+
181
+ <script type="text/javascript">
182
+ function optinforms_explain_redirect_aweber() {
183
+ // Get the DOM reference
184
+ var contentId = document.getElementById("optinforms-explain-redirect-aweber");
185
+ // Toggle
186
+ contentId.style.display == "block" ? contentId.style.display = "none" :
187
+ contentId.style.display = "block";
188
+ }
189
+ </script>
190
+ <div id="optinforms-explain-redirect-aweber" style="display:none;">
191
+ <div class="optinforms-help">
192
+ <p><?php echo __('Enter the URL of the page where your visitors will be taken to, once they successfully subscribe.', 'optinforms'); ?> <?php echo __('If you leave this field blank, the default aWeber message will be used.', 'optinforms'); ?></p>
193
+ </div><!--optinforms-help-->
194
+ </div><!--optinforms-explain-redirect-aweber-->
195
+
196
+
197
+ </div><!--optinforms_email_solution_option1-->
198
+ <div id="optinforms_email_solution_option2" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option2') echo 'style="display:block;"'; ?>>
199
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate iContact: watch the short video', 'optinforms'); ?></p>-->
200
+ <div class="optiongroup">
201
+ <div class="optionleft">
202
+ <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_listid_icontact" class="nopointer"><?php echo __('List ID', 'optinforms'); ?> <span class="required">*</span></label>
203
+ </div><!--optionleft-->
204
+ <div class="optionmiddle">
205
+ <input type="text" id="optinforms_form_listid_icontact" name="optinforms_form_listid_icontact" value="<?php echo optinforms_form_listid_icontact(); ?>" />
206
+ </div><!--optionmiddle-->
207
+ <div class="clear"></div>
208
+ </div><!--optiongroup-->
209
+
210
+ <div class="optiongroup">
211
+ <div class="optionleft">
212
+ <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_specialid_icontact" class="nopointer"><?php echo __('Special ID', 'optinforms'); ?> <span class="required">*</span></label>
213
+ </div><!--optionleft-->
214
+ <div class="optionmiddle">
215
+ <input type="text" id="optinforms_form_specialid_icontact" name="optinforms_form_specialid_icontact" value="<?php echo optinforms_form_specialid_icontact(); ?>" />
216
+ </div><!--optionmiddle-->
217
+ <div class="clear"></div>
218
+ </div><!--optiongroup-->
219
+
220
+ <div class="optiongroup">
221
+ <div class="optionleft">
222
+ <label><a onclick="optinforms_explain_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_clientid_icontact" class="nopointer"><?php echo __('Client ID', 'optinforms'); ?> <span class="required">*</span></label>
223
+ </div><!--optionleft-->
224
+ <div class="optionmiddle">
225
+ <input type="text" id="optinforms_form_clientid_icontact" name="optinforms_form_clientid_icontact" value="<?php echo optinforms_form_clientid_icontact(); ?>" />
226
+ </div><!--optionmiddle-->
227
+ <div class="clear"></div>
228
+ </div><!--optiongroup-->
229
+
230
+ <script type="text/javascript">
231
+ function optinforms_explain_icontact() {
232
+ // Get the DOM reference
233
+ var contentId = document.getElementById("optinforms-explain-icontact");
234
+ // Toggle
235
+ contentId.style.display == "block" ? contentId.style.display = "none" :
236
+ contentId.style.display = "block";
237
+ }
238
+ </script>
239
+ <div id="optinforms-explain-icontact" style="display:none;">
240
+ <div class="optinforms-step">
241
+ <h4><?php echo __('How to find your list ID, special ID and client ID values', 'optinforms'); ?></h4>
242
+ <p><span class="step">1</span> <?php echo __('Log in to your iContact account', 'optinforms'); ?></p>
243
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-001.png" class="step-image" />
244
+ <p><span class="step">2</span> <?php echo __('Click on Contacts in the navigation menu', 'optinforms'); ?></p>
245
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-002.png" class="step-image" />
246
+ <p><span class="step">3</span> <?php echo __('Click on Sign-up Forms in the submenu', 'optinforms'); ?></p>
247
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-003.png" class="step-image" />
248
+ <p><span class="step">4</span> <?php echo __('Click on the Create HTML Form button', 'optinforms'); ?></p>
249
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-004.png" class="step-image" />
250
+ <p><span class="step">5</span> <?php echo __('Click on Next', 'optinforms'); ?></p>
251
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-005.png" class="step-image" />
252
+ <p><span class="step">6</span> <?php echo __('Name your form, assign it to a list and include the First Name field', 'optinforms'); ?></p>
253
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-006.png" class="step-image" />
254
+ <p><span class="step">7</span> <?php echo __('Click on Save', 'optinforms'); ?></p>
255
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-007.png" class="step-image" />
256
+ <p><span class="step">8</span> <?php echo __('Click on the View HTML link', 'optinforms'); ?></p>
257
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-008.png" class="step-image" />
258
+ <p><span class="step">9</span> <?php echo __('Scroll down to the Manual Sign-up Form and copy the values of listid, specialid and clientid fields', 'optinforms'); ?></p>
259
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-icontact-009.png" class="step-image" />
260
+ </div><!--optinforms-step-->
261
+ </div><!--optinforms-explain-icontact-->
262
+ <div class="optiongroup">
263
+ <div class="optionleft">
264
+ <label><a onclick="optinforms_explain_redirect_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_redirect_icontact" class="nopointer"><?php echo __('Redirect page URL', 'optinforms'); ?></label>
265
+ </div><!--optionleft-->
266
+ <div class="optionmiddle">
267
+ <input type="text" id="optinforms_form_redirect_icontact" name="optinforms_form_redirect_icontact" value="<?php echo optinforms_form_redirect_icontact(); ?>" />
268
+ </div><!--optionmiddle-->
269
+ <div class="clear"></div>
270
+ </div><!--optiongroup-->
271
+
272
+ <script type="text/javascript">
273
+ function optinforms_explain_redirect_icontact() {
274
+ // Get the DOM reference
275
+ var contentId = document.getElementById("optinforms-explain-redirect-icontact");
276
+ // Toggle
277
+ contentId.style.display == "block" ? contentId.style.display = "none" :
278
+ contentId.style.display = "block";
279
+ }
280
+ </script>
281
+ <div id="optinforms-explain-redirect-icontact" style="display:none;">
282
+ <div class="optinforms-help">
283
+ <p><?php echo __('Enter the URL of the page where your visitors will be taken to, once they successfully subscribe.', 'optinforms'); ?> <?php echo __('If you leave this field blank, the default iContact message will be used.', 'optinforms'); ?></p>
284
+ </div><!--optinforms-help-->
285
+ </div><!--optinforms-explain-redirect-icontact-->
286
+
287
+ <div class="optiongroup">
288
+ <div class="optionleft">
289
+ <label><a onclick="optinforms_explain_error_icontact()"><span class="explain">?</span></a></label> <label for="optinforms_form_error_icontact" class="nopointer"><?php echo __('Error page URL', 'optinforms'); ?></label>
290
+ </div><!--optionleft-->
291
+ <div class="optionmiddle">
292
+ <input type="text" id="optinforms_form_error_icontact" name="optinforms_form_error_icontact" value="<?php echo optinforms_form_error_icontact(); ?>" />
293
+ </div><!--optionmiddle-->
294
+ <div class="clear"></div>
295
+ </div><!--optiongroup-->
296
+
297
+ <script type="text/javascript">
298
+ function optinforms_explain_error_icontact() {
299
+ // Get the DOM reference
300
+ var contentId = document.getElementById("optinforms-explain-error-icontact");
301
+ // Toggle
302
+ contentId.style.display == "block" ? contentId.style.display = "none" :
303
+ contentId.style.display = "block";
304
+ }
305
+ </script>
306
+ <div id="optinforms-explain-error-icontact" style="display:none;">
307
+ <div class="optinforms-help">
308
+ <p><?php echo __('Enter the URL of the page where your visitors will be taken to, if there are any errors.', 'optinforms'); ?> <?php echo __('If you leave this field blank, the default iContact error message will be used.', 'optinforms'); ?></p>
309
+ </div><!--optinforms-help-->
310
+ </div><!--optinforms-explain-error-icontact-->
311
+
312
+ </div><!--optinforms_email_solution_option2-->
313
+ <div id="optinforms_email_solution_option3" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option3') echo 'style="display:block;"'; ?>>
314
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate MailChimp: watch the short video', 'optinforms'); ?></p>-->
315
+ <div class="optiongroup">
316
+ <div class="optionleft">
317
+ <label><a onclick="optinforms_explain_mailchimp()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_mailchimp" class="nopointer"><?php echo __('Form action URL', 'optinforms'); ?> <span class="required">*</span></label>
318
+ </div><!--optionleft-->
319
+ <div class="optionmiddle">
320
+ <input type="text" id="optinforms_form_action_mailchimp" name="optinforms_form_action_mailchimp" value="<?php echo optinforms_form_action_mailchimp(); ?>" />
321
+ </div><!--optionmiddle-->
322
+ <div class="clear"></div>
323
+ </div><!--optiongroup-->
324
+
325
+ <script type="text/javascript">
326
+ function optinforms_explain_mailchimp() {
327
+ // Get the DOM reference
328
+ var contentId = document.getElementById("optinforms-explain-mailchimp");
329
+ // Toggle
330
+ contentId.style.display == "block" ? contentId.style.display = "none" :
331
+ contentId.style.display = "block";
332
+ }
333
+ </script>
334
+ <div id="optinforms-explain-mailchimp" style="display:none;">
335
+ <div class="optinforms-step">
336
+ <h4><?php echo __('How to find your form action URL', 'optinforms'); ?></h4>
337
+ <p><span class="step">1</span> <?php echo __('Log in to your MailChimp account', 'optinforms'); ?></p>
338
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-001.png" class="step-image" />
339
+ <p><span class="step">2</span> <?php echo __('Click on Lists in the navigation menu', 'optinforms'); ?></p>
340
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-002.png" class="step-image" />
341
+ <p><span class="step">3</span> <?php echo __('Click on the arrow next to the list you wish to use and click on Signup forms', 'optinforms'); ?></p>
342
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-003.png" class="step-image" />
343
+ <p><span class="step">4</span> <?php echo __('Select Embedded forms', 'optinforms'); ?></p>
344
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-004.png" class="step-image" />
345
+ <p><span class="step">5</span> <?php echo __('Select the Naked form', 'optinforms'); ?></p>
346
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-005.png" class="step-image" />
347
+ <p><span class="step">6</span> <?php echo __('You will find the form action URL in the HTML box', 'optinforms'); ?></p>
348
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-mailchimp-006.png" class="step-image" />
349
+ </div><!--optinforms-step-->
350
+ </div><!--optinforms-explain-mailchimp-->
351
+ </div><!--optinforms_email_solution_option3-->
352
+ <div id="optinforms_email_solution_option4" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option4') echo 'style="display:block;"'; ?>>
353
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate GetResponse: watch the short video', 'optinforms'); ?></p>-->
354
+ <div class="optiongroup">
355
+ <div class="optionleft">
356
+ <label><a onclick="optinforms_explain_getresponse()"><span class="explain">?</span></a></label> <label for="optinforms_form_webformid_getresponse" class="nopointer"><?php echo __('Webform ID', 'optinforms'); ?> <span class="required">*</span></label>
357
+ </div><!--optionleft-->
358
+ <div class="optionmiddle">
359
+ <input type="text" id="optinforms_form_webformid_getresponse" name="optinforms_form_webformid_getresponse" value="<?php echo optinforms_form_webformid_getresponse(); ?>" />
360
+ </div><!--optionmiddle-->
361
+ <div class="clear"></div>
362
+ </div><!--optiongroup-->
363
+
364
+ <script type="text/javascript">
365
+ function optinforms_explain_getresponse() {
366
+ // Get the DOM reference
367
+ var contentId = document.getElementById("optinforms-explain-getresponse");
368
+ // Toggle
369
+ contentId.style.display == "block" ? contentId.style.display = "none" :
370
+ contentId.style.display = "block";
371
+ }
372
+ </script>
373
+ <div id="optinforms-explain-getresponse" style="display:none;">
374
+ <div class="optinforms-step">
375
+ <h4><?php echo __('How to find your webform ID value', 'optinforms'); ?></h4>
376
+ <p><span class="step">1</span> <?php echo __('Log in to your GetResponse account', 'optinforms'); ?></p>
377
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-001.png" class="step-image" />
378
+ <p><span class="step">2</span> <?php echo __('Click on Web Forms in the navigation menu and click on Create New', 'optinforms'); ?></p>
379
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-002.png" class="step-image" />
380
+ <p><span class="step">3</span> <?php echo __('Click on Next Step at the bottom of the page', 'optinforms'); ?></p>
381
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-003.png" class="step-image" />
382
+ <p><span class="step">4</span> <?php echo __('Click on Next Step at the bottom of the page', 'optinforms'); ?></p>
383
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-003.png" class="step-image" />
384
+ <p><span class="step">5</span> <?php echo __('Click on the Show HTML Code tab', 'optinforms'); ?></p>
385
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-005.png" class="step-image" />
386
+ <p><span class="step">6</span> <?php echo __('Scroll down and find the value of the webform_id field', 'optinforms'); ?></p>
387
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-getresponse-006.png" class="step-image" />
388
+ </div><!--optinforms-step-->
389
+ </div><!--optinforms-explain-getresponse-->
390
+
391
+ </div><!--optinforms_email_solution_option4-->
392
+ <div id="optinforms_email_solution_option5" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option5') echo 'style="display:block;"'; ?>>
393
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate Mad Mimi: watch the short video', 'optinforms'); ?></p>-->
394
+ <div class="optiongroup">
395
+ <div class="optionleft">
396
+ <label><a onclick="optinforms_explain_madmimi()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_madmimi" class="nopointer"><?php echo __('Form action URL', 'optinforms'); ?> <span class="required">*</span></label>
397
+ </div><!--optionleft-->
398
+ <div class="optionmiddle">
399
+ <input type="text" id="optinforms_form_action_madmimi" name="optinforms_form_action_madmimi" value="<?php echo optinforms_form_action_madmimi(); ?>" />
400
+ </div><!--optionmiddle-->
401
+ <div class="clear"></div>
402
+ </div><!--optiongroup-->
403
+
404
+ <script type="text/javascript">
405
+ function optinforms_explain_madmimi() {
406
+ // Get the DOM reference
407
+ var contentId = document.getElementById("optinforms-explain-madmimi");
408
+ // Toggle
409
+ contentId.style.display == "block" ? contentId.style.display = "none" :
410
+ contentId.style.display = "block";
411
+ }
412
+ </script>
413
+ <div id="optinforms-explain-madmimi" style="display:none;">
414
+ <div class="optinforms-step">
415
+ <h4><?php echo __('How to find your form action URL', 'optinforms'); ?></h4>
416
+ <p><span class="step">1</span> <?php echo __('Log in to your Mad Mimi account', 'optinforms'); ?></p>
417
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-001.png" class="step-image" />
418
+ <p><span class="step">2</span> <?php echo __('Click on Webform', 'optinforms'); ?></p>
419
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-002.png" class="step-image" />
420
+ <p><span class="step">3</span> <?php echo __('Click on the Add a Webform button', 'optinforms'); ?></p>
421
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-003.png" class="step-image" />
422
+ <p><span class="step">4</span> <?php echo __('Name your form, assign it to a list and include the Name field', 'optinforms'); ?></p>
423
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-004.png" class="step-image" />
424
+ <p><span class="step">5</span> <?php echo __('Click on the Embed button', 'optinforms'); ?></p>
425
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-005.png" class="step-image" />
426
+ <p><span class="step">6</span> <?php echo __('Click on the Plain Embed tab', 'optinforms'); ?></p>
427
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-006.png" class="step-image" />
428
+ <p><span class="step">7</span> <?php echo __('You will find the form action URL in the HTML box', 'optinforms'); ?></p>
429
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-madmimi-007.png" class="step-image" />
430
+ </div><!--optinforms-step-->
431
+ </div><!--optinforms-explain-madmimi-->
432
+ </div><!--optinforms_email_solution_option5-->
433
+ <div id="optinforms_email_solution_option6" <?php if (get_option('optinforms_email_solution')== 'optinforms_email_solution_option6') echo 'style="display:block;"'; ?>>
434
+ <!--<p class="optinforms-integration"></?php echo __('Learn how to integrate Interspire Email Marketer: watch the short video', 'optinforms'); ?></p>-->
435
+ <div class="optiongroup">
436
+ <div class="optionleft">
437
+ <label><a onclick="optinforms_explain_interspire()"><span class="explain">?</span></a></label> <label for="optinforms_form_action_interspire" class="nopointer"><?php echo __('Form action URL', 'optinforms'); ?> <span class="required">*</span></label>
438
+ </div><!--optionleft-->
439
+ <div class="optionmiddle">
440
+ <input type="text" id="optinforms_form_action_interspire" name="optinforms_form_action_interspire" value="<?php echo optinforms_form_action_interspire(); ?>" />
441
+ </div><!--optionmiddle-->
442
+ <div class="clear"></div>
443
+ </div><!--optiongroup-->
444
+
445
+ <script type="text/javascript">
446
+ function optinforms_explain_interspire() {
447
+ // Get the DOM reference
448
+ var contentId = document.getElementById("optinforms-explain-interspire");
449
+ // Toggle
450
+ contentId.style.display == "block" ? contentId.style.display = "none" :
451
+ contentId.style.display = "block";
452
+ }
453
+ </script>
454
+ <div id="optinforms-explain-interspire" style="display:none;">
455
+ <div class="optinforms-step">
456
+ <h4><?php echo __('How to find your form action URL', 'optinforms'); ?></h4>
457
+ <p><span class="step">1</span> <?php echo __('Log in to your Interspire Email Marketer administration panel', 'optinforms'); ?></p>
458
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-001.png" class="step-image" />
459
+ <p><span class="step">2</span> <?php echo __('Click on Forms in the navigation menu', 'optinforms'); ?></p>
460
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-002.png" class="step-image" />
461
+ <p><span class="step">3</span> <?php echo __('Click on Create a Website Form from the submenu options', 'optinforms'); ?></p>
462
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-003.png" class="step-image" />
463
+ <p><span class="step">4</span> <?php echo __('Make sure to uncheck CAPTCHA form security', 'optinforms'); ?></p>
464
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-004.png" class="step-image" />
465
+ <p><span class="step">5</span> <?php echo __('Name your form, assign it to a list and include the Name field', 'optinforms'); ?></p>
466
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-005.png" class="step-image" />
467
+ <p><span class="step">6</span> <?php echo __('Complete all the steps and click on Save', 'optinforms'); ?></p>
468
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-006.png" class="step-image" />
469
+ <p><span class="step">7</span> <?php echo __('You will find the form action URL in the HTML box', 'optinforms'); ?></p>
470
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-007.png" class="step-image" />
471
+ </div><!--optinforms-step-->
472
+ </div><!--optinforms-explain-interspire-->
473
+
474
+ <div class="optiongroup">
475
+ <div class="optionleft">
476
+ <label><a onclick="optinforms_explain_interspire_name()"><span class="explain">?</span></a></label> <label for="optinforms_form_name_field_interspire" class="nopointer"><?php echo __('Name field ID', 'optinforms'); ?> <span class="required">*</span></label>
477
+ </div><!--optionleft-->
478
+ <div class="optionmiddle">
479
+ <input type="text" id="optinforms_form_name_field_interspire" name="optinforms_form_name_field_interspire" value="<?php echo optinforms_form_name_field_interspire(); ?>" />
480
+ </div><!--optionmiddle-->
481
+ <div class="clear"></div>
482
+ </div><!--optiongroup-->
483
+
484
+ <script type="text/javascript">
485
+ function optinforms_explain_interspire_name() {
486
+ // Get the DOM reference
487
+ var contentId = document.getElementById("optinforms-explain-interspire-name");
488
+ // Toggle
489
+ contentId.style.display == "block" ? contentId.style.display = "none" :
490
+ contentId.style.display = "block";
491
+ }
492
+ </script>
493
+ <div id="optinforms-explain-interspire-name" style="display:none;">
494
+ <div class="optinforms-step">
495
+ <h4><?php echo __('How to find your name field ID', 'optinforms'); ?></h4>
496
+ <p><span class="step">1</span> <?php echo __('Log in to your Interspire Email Marketer administration panel', 'optinforms'); ?></p>
497
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-001.png" class="step-image" />
498
+ <p><span class="step">2</span> <?php echo __('Click on Contact Lists in the navigation menu', 'optinforms'); ?></p>
499
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-008.png" class="step-image" />
500
+ <p><span class="step">3</span> <?php echo __('Click on View Custom Fields from the submenu options', 'optinforms'); ?></p>
501
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-009.png" class="step-image" />
502
+ <p><span class="step">4</span> <?php echo __('Find the name field and click on Edit', 'optinforms'); ?></p>
503
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-010.png" class="step-image" />
504
+ <p><span class="step">5</span> <?php echo __('You will find the name field ID in the address bar', 'optinforms'); ?></p>
505
+ <img src="<?php echo plugins_url(); ?>/optin-forms/images/support-interspire-011.png" class="step-image" />
506
+ </div><!--optinforms-step-->
507
+ </div><!--optinforms-explain-interspire-->
508
+
509
+ </div><!--optinforms_email_solution_option6-->
510
+ </div><!--optiongroup-->
511
+ </div><!--optinforms-container-left-->
512
+ <div class="optinforms-container-right">
513
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/sidebar.php'); ?>
514
+ </div><!--optinforms-container-right-->
515
+ <div class="clear"></div>
516
+ </div><!--optinforms-email-solution-tab-->
517
+
518
+ <div id="optinforms-form-tab" class="tabcontent">
519
+ <div class="optinforms-container-left">
520
+ <div class="optiongroup">
521
+ <h3><?php echo __('Form Design', 'optinforms'); ?></h3>
522
+ <div class="optionleft">
523
+ <label for="optinforms_form_design" class="nopointer"><?php echo __('Form design', 'optinforms'); ?></label>
524
+ </div><!--optionleft-->
525
+ <div class="optionmiddle">
526
+ <select name="optinforms_form_design" id="optinforms_form_design">
527
+ <option value="optinforms_form_design_option1" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option1') echo 'selected="selected"'; ?>>01</option>
528
+ <option value="optinforms_form_design_option2" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option2') echo 'selected="selected"'; ?>>02</option>
529
+ <option value="optinforms_form_design_option3" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option3') echo 'selected="selected"'; ?>>03</option>
530
+ <option value="optinforms_form_design_option4" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option4') echo 'selected="selected"'; ?>>04</option>
531
+ <option value="optinforms_form_design_option5" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option5') echo 'selected="selected"'; ?>>05</option>
532
+ </select>
533
+ <script type="text/javascript">
534
+ document.getElementById('optinforms_form_design').onchange = function() {
535
+ var i = 1;
536
+ var myDiv = document.getElementById("optinforms_form_design_option" + i);
537
+ while(myDiv) {
538
+ myDiv.style.display = 'none';
539
+ myDiv = document.getElementById("optinforms_form_design_option" + ++i);
540
+ }
541
+ document.getElementById(this.value).style.display = 'block';
542
+ };
543
+ </script>
544
+ </div><!--optionmiddle-->
545
+ <div class="optionlast">
546
+
547
+ </div><!--optionlast-->
548
+ <div class="clear"></div>
549
+
550
+ </div><!--optiongroup-->
551
+
552
+ <div class="optiongroup">
553
+ <div id="optinforms_form_design_option1" <?php if (get_option('optinforms_form_design')== '' || get_option('optinforms_form_design')== 'optinforms_form_design_option1') echo 'style="display:block;"'; ?>>
554
+ <div id="optinforms-form1-container">
555
+ <div id="optinforms-form1" style="background:<?php echo optinforms_form1_default_background(); ?>; border-color:<?php echo optinforms_form1_default_border(); ?>">
556
+ <p id="optinforms-form1-title" style="font-family:<?php echo optinforms_form1_default_title_font(); ?>; font-size:<?php echo optinforms_form1_default_title_size(); ?>; line-height:<?php echo optinforms_form1_default_title_size(); ?>; color:<?php echo optinforms_form1_default_title_color(); ?>"><?php echo optinforms_form1_default_title(); ?></p>
557
+
558
+ <p id="optinforms-form1-subtitle" style="font-family:<?php echo optinforms_form1_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form1_default_subtitle_size(); ?>; line-height: <?php echo optinforms_form1_default_subtitle_size(); ?>"><?php echo optinforms_form1_default_subtitle(); ?></p>
559
+ <div id="optinforms-form1-name-field-container">
560
+ <input type="text" id="optinforms-form1-name-field" placeholder="<?php echo optinforms_form1_default_name_field(); ?>" style="font-family:<?php echo optinforms_form1_default_fields_font(); ?>; font-size:<?php echo optinforms_form1_default_fields_size(); ?>; color:<?php echo optinforms_form1_default_fields_color(); ?>" />
561
+ </div><!--optinforms-form1-name-field-container-->
562
+ <div id="optinforms-form1-email-field-container">
563
+ <input type="text" id="optinforms-form1-email-field" placeholder="<?php echo optinforms_form1_default_email_field(); ?>" style="font-family:<?php echo optinforms_form1_default_fields_font(); ?>; font-size:<?php echo optinforms_form1_default_fields_size(); ?>; color:<?php echo optinforms_form1_default_fields_color(); ?>" />
564
+ </div><!--optinforms-form1-email-field-container-->
565
+ <div id="optinforms-form1-button-container">
566
+ <input type="button" id="optinforms-form1-button" value="<?php echo optinforms_form1_default_button_text(); ?>" style="font-family:<?php echo optinforms_form1_default_button_text_font(); ?>; font-size:<?php echo optinforms_form1_default_button_text_size(); ?>; color:<?php echo optinforms_form1_default_button_text_color(); ?>; background-color:<?php echo optinforms_form1_default_button_background(); ?>" />
567
+ </div><!--optinforms-form1-button-container-->
568
+ <div class="clear"></div>
569
+ <p id="optinforms-form1-disclaimer" style="font-family:<?php echo optinforms_form1_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form1_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form1_default_disclaimer_size(); ?>; color:<?php echo optinforms_form1_default_disclaimer_color(); ?>"><?php echo optinforms_form1_default_disclaimer(); ?></p>
570
+ </div><!--optinforms-form1-->
571
+ </div><!--optinforms-form1-container-->
572
+ <div class="clear"></div>
573
+
574
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-1.php'); ?>
575
+
576
+ </div><!--optinforms_form_design_option1-->
577
+ <div id="optinforms_form_design_option2" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option2') echo 'style="display:block;"'; ?>>
578
+ <div id="optinforms-form2-container">
579
+ <div id="optinforms-form2" style="background: <?php echo optinforms_form2_default_background(); ?>;">
580
+ <div id="optinforms-form2-title-container">
581
+ <div id="optinforms-form2-title" style="font-family:<?php echo optinforms_form2_default_title_font(); ?>; font-size:<?php echo optinforms_form2_default_title_size(); ?>; line-height:<?php echo optinforms_form2_default_title_size(); ?>; color:<?php echo optinforms_form2_default_title_color(); ?>"><?php echo optinforms_form2_default_title(); ?></div><!--optinforms-form2-title-->
582
+ </div><!--optinforms-form2-title-container-->
583
+ <div id="optinforms-form2-email-field-container">
584
+ <input type="text" id="optinforms-form2-email-field" placeholder="<?php echo optinforms_form2_default_email_field(); ?>" style="font-family:<?php echo optinforms_form2_default_fields_font(); ?>; font-size:<?php echo optinforms_form2_default_fields_size(); ?>; color:<?php echo optinforms_form2_default_fields_color(); ?>" />
585
+ </div><!--optinforms-form2-email-field-container-->
586
+ <div id="optinforms-form2-button-container">
587
+ <input type="button" id="optinforms-form2-button" value="<?php echo optinforms_form2_default_button_text(); ?>" style="font-family:<?php echo optinforms_form2_default_button_text_font(); ?>; font-size:<?php echo optinforms_form2_default_button_text_size(); ?>; color:<?php echo optinforms_form2_default_button_text_color(); ?>; background-color:<?php echo optinforms_form2_default_button_background(); ?>" />
588
+ </div><!--optinforms-form2-button-container-->
589
+ <div id="optinforms-form2-disclaimer-container">
590
+ <p id="optinforms-form2-disclaimer" style="font-family:<?php echo optinforms_form2_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form2_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form2_default_disclaimer_size(); ?>; color:<?php echo optinforms_form2_default_disclaimer_color(); ?>"><?php echo optinforms_form2_default_disclaimer(); ?></p>
591
+ </div><!--optinforms-form2-disclaimer-container-->
592
+ <div class="clear"></div>
593
+ </div><!--optinforms-form2-->
594
+ </div><!--optinforms-form2-container-->
595
+ <div class="clear"></div>
596
+
597
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-2.php'); ?>
598
+
599
+ </div><!--optinforms_form_design_option2-->
600
+ <div id="optinforms_form_design_option3" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option3') echo 'style="display:block;"'; ?>>
601
+ <div id="optinforms-form3-container">
602
+ <div id="optinforms-form3">
603
+ <div id="optinforms-form3-inside" style="background: <?php echo optinforms_form3_default_background(); ?>;">
604
+ <div id="optinforms-form3-container-left">
605
+ <div id="optinforms-form3-title" style="font-family:<?php echo optinforms_form3_default_title_font(); ?>; font-size:<?php echo optinforms_form3_default_title_size(); ?>; line-height:<?php echo optinforms_form3_default_title_size(); ?>; color:<?php echo optinforms_form3_default_title_color(); ?>"><?php echo optinforms_form3_default_title(); ?></div><!--optinforms-form3-title-->
606
+ <div id="optinforms-form3-subtitle" style="font-family:<?php echo optinforms_form3_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form3_default_subtitle_size(); ?>; color:<?php echo optinforms_form3_default_subtitle_color(); ?>;"><?php echo optinforms_form3_default_subtitle(); ?></div><!--optinforms-form3-subtitle-->
607
+ </div><!--optinforms-form3-container-left-->
608
+ <div id="optinforms-form3-container-right">
609
+ <input type="text" id="optinforms-form3-name-field" placeholder="<?php echo optinforms_form3_default_name_field(); ?>" style="font-family:<?php echo optinforms_form3_default_fields_font(); ?>; font-size:<?php echo optinforms_form3_default_fields_size(); ?>; color:<?php echo optinforms_form3_default_fields_color(); ?>" />
610
+ <input type="text" id="optinforms-form3-email-field" placeholder="<?php echo optinforms_form3_default_email_field(); ?>" style="font-family:<?php echo optinforms_form3_default_fields_font(); ?>; font-size:<?php echo optinforms_form3_default_fields_size(); ?>; color:<?php echo optinforms_form3_default_fields_color(); ?>" />
611
+ <input type="button" id="optinforms-form3-button" value="<?php echo optinforms_form3_default_button_text(); ?>" style="font-family:<?php echo optinforms_form3_default_button_text_font(); ?>; font-size:<?php echo optinforms_form3_default_button_text_size(); ?>; color:<?php echo optinforms_form3_default_button_text_color(); ?>; background-color:<?php echo optinforms_form3_default_button_background(); ?>" />
612
+ </div><!--optinforms-form3-container-right-->
613
+ <div class="clear"></div>
614
+ </div><!--optinforms-form3-inside-->
615
+ </div><!--optinforms-form3-->
616
+ </div><!--optinforms-form3-container-->
617
+ <div class="clear"></div>
618
+
619
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-3.php'); ?>
620
+
621
+ </div><!--optinforms_form_design_option3-->
622
+ <div id="optinforms_form_design_option4" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option4') echo 'style="display:block;"'; ?>>
623
+ <div id="optinforms-form4-container">
624
+ <div id="optinforms-form4" style="background:<?php echo optinforms_form4_default_background(); ?>; border-color:<?php echo optinforms_form4_default_border(); ?>">
625
+ <div id="optinforms-form4-title" style="font-family:<?php echo optinforms_form4_default_title_font(); ?>; font-size:<?php echo optinforms_form4_default_title_size(); ?>; line-height:<?php echo optinforms_form4_default_title_size(); ?>; color:<?php echo optinforms_form4_default_title_color(); ?>"><?php echo optinforms_form4_default_title(); ?></div><!--optinforms-form4-title-->
626
+ <div id="optinforms-form4-subtitle" style="font-family:<?php echo optinforms_form4_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form4_default_subtitle_size(); ?>; line-height: <?php echo optinforms_form4_default_subtitle_size(); ?>; color: <?php echo optinforms_form4_default_subtitle_color(); ?>"><?php echo optinforms_form4_default_subtitle(); ?></div><!--optinforms-form4-subtitle-->
627
+ <input type="text" id="optinforms-form4-email-field" placeholder="<?php echo optinforms_form4_default_email_field(); ?>" style="font-family:<?php echo optinforms_form4_default_fields_font(); ?>; font-size:<?php echo optinforms_form4_default_fields_size(); ?>; color:<?php echo optinforms_form4_default_fields_color(); ?>" />
628
+ <input type="button" id="optinforms-form4-button" value="<?php echo optinforms_form4_default_button_text(); ?>" style="font-family:<?php echo optinforms_form4_default_button_text_font(); ?>; font-size:<?php echo optinforms_form4_default_button_text_size(); ?>; color:<?php echo optinforms_form4_default_button_text_color(); ?>; background-color:<?php echo optinforms_form4_default_button_background(); ?>" />
629
+ <div id="optinforms-form4-disclaimer" style="font-family:<?php echo optinforms_form4_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form4_default_disclaimer_size(); ?>; line-height: <?php echo optinforms_form4_default_disclaimer_size(); ?>; color:<?php echo optinforms_form4_default_disclaimer_color(); ?>"><?php echo optinforms_form4_default_disclaimer(); ?></div><!--optinforms-form4-disclaimer-->
630
+ </div><!--optinforms-form4-->
631
+ </div><!--optinforms-form4-container-->
632
+ <div class="clear"></div>
633
+
634
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-4.php'); ?>
635
+
636
+ </div><!--optinforms_form_design_option4-->
637
+ <div id="optinforms_form_design_option5" <?php if (get_option('optinforms_form_design')== 'optinforms_form_design_option5') echo 'style="display:block;"'; ?>>
638
+ <div id="optinforms-form5-container">
639
+ <div id="optinforms-form5" style="background: <?php echo optinforms_form5_default_background(); ?>;">
640
+ <div id="optinforms-form5-container-left">
641
+ <div id="optinforms-form5-title" style="font-family:<?php echo optinforms_form5_default_title_font(); ?>; font-size:<?php echo optinforms_form5_default_title_size(); ?>; line-height:<?php echo optinforms_form5_default_title_size(); ?>; color:<?php echo optinforms_form5_default_title_color(); ?>"><?php echo optinforms_form5_default_title(); ?></div><!--optinforms-form5-title-->
642
+ <input type="text" id="optinforms-form5-name-field" placeholder="<?php echo optinforms_form5_default_name_field(); ?>" style="font-family:<?php echo optinforms_form5_default_fields_font(); ?>; font-size:<?php echo optinforms_form5_default_fields_size(); ?>; color:<?php echo optinforms_form5_default_fields_color(); ?>" />
643
+ <input type="text" id="optinforms-form5-email-field" placeholder="<?php echo optinforms_form5_default_email_field(); ?>" style="font-family:<?php echo optinforms_form5_default_fields_font(); ?>; font-size:<?php echo optinforms_form5_default_fields_size(); ?>; color:<?php echo optinforms_form5_default_fields_color(); ?>" />
644
+ <input type="button" id="optinforms-form5-button" value="<?php echo optinforms_form5_default_button_text(); ?>" style="font-family:<?php echo optinforms_form5_default_button_text_font(); ?>; font-size:<?php echo optinforms_form5_default_button_text_size(); ?>; color:<?php echo optinforms_form5_default_button_text_color(); ?>; background-color:<?php echo optinforms_form5_default_button_background(); ?>" />
645
+ </div><!--optinforms-form5-container-left-->
646
+ <div id="optinforms-form5-container-right">
647
+ <div id="optinforms-form5-subtitle" style="font-family:<?php echo optinforms_form5_default_subtitle_font(); ?>; font-size:<?php echo optinforms_form5_default_subtitle_size(); ?>; color:<?php echo optinforms_form5_default_subtitle_color(); ?>;"><?php echo optinforms_form5_default_subtitle(); ?></div><!--optinforms-form5-subtitle-->
648
+ <div id="optinforms-form5-disclaimer" style="font-family:<?php echo optinforms_form5_default_disclaimer_font(); ?>; font-size:<?php echo optinforms_form5_default_disclaimer_size(); ?>; color:<?php echo optinforms_form5_default_disclaimer_color(); ?>"><?php echo optinforms_form5_default_disclaimer(); ?></div><!--optinforms-form5-disclaimer-->
649
+ </div><!--optinforms-form5-container-right-->
650
+ <div class="clear"></div>
651
+ </div><!--optinforms-form5-->
652
+ </div><!--optinforms-form5-container-->
653
+ <div class="clear"></div>
654
+
655
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/options-form-5.php'); ?>
656
+
657
+ </div><!--optinforms_form_design_option5-->
658
+ </div><!--optiongroup-->
659
+ </div><!--optinforms-container-left-->
660
+ <div class="optinforms-container-right">
661
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/sidebar.php'); ?>
662
+ </div><!--optinforms-container-right-->
663
+ <div class="clear"></div>
664
+ </div><!--optinforms-form-tab-->
665
+ <div id="optinforms-placement-tab" class="tabcontent">
666
+ <div class="optinforms-container-left">
667
+ <div class="optiongroup">
668
+ <h3><?php echo __('Form Placement', 'optinforms'); ?></h3>
669
+ <div class="optionleft">
670
+ <label for="optinforms_form_placement_post" class="nopointer"><?php echo __('On posts and custom post types', 'optinforms'); ?></label>
671
+ </div><!--optionleft-->
672
+ <div class="optionmiddle">
673
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_1" type="radio" value="1" class="radiobutton" <?php if (get_option('optinforms_form_placement_post')== '1') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_1" class="radiobutton-label"><?php echo __('After the first paragraph', 'optinforms'); ?></label>
674
+ <div class="clear"></div>
675
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_2" type="radio" value="2" class="radiobutton" <?php if (get_option('optinforms_form_placement_post')== '2') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_2" class="radiobutton-label"><?php echo __('After the second paragraph', 'optinforms'); ?></label>
676
+ <div class="clear"></div>
677
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_3" type="radio" value="3" class="radiobutton" <?php if (get_option('optinforms_form_placement_post')== '') echo 'checked="checked"'; if (get_option('optinforms_form_placement_post')== '3') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_3" class="radiobutton-label"><?php echo __('After the post', 'optinforms'); ?></label>
678
+ <div class="clear"></div>
679
+ <input name="optinforms_form_placement_post" id="optinforms_form_placement_post_4" type="radio" value="4" class="radiobutton" <?php if (get_option('optinforms_form_placement_post')== '4') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_post_4" class="radiobutton-label"><?php echo __('Don\'t display on posts and custom post types', 'optinforms'); ?></label>
680
+ <div class="clear"></div>
681
+ </div><!--optionmiddle-->
682
+ <div class="optionlast">
683
+
684
+ </div><!--optionlast-->
685
+ <div class="clear"></div>
686
+
687
+ </div><!--optiongroup-->
688
+
689
+ <div class="optiongroup">
690
+ <div class="optionleft">
691
+ <label for="optinforms_form_placement_page" class="nopointer"><?php echo __('On pages', 'optinforms'); ?></label>
692
+ </div><!--optionleft-->
693
+ <div class="optionmiddle">
694
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_1" type="radio" value="1" class="radiobutton" <?php if (get_option('optinforms_form_placement_page')== '1') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_1" class="radiobutton-label"><?php echo __('After the first paragraph', 'optinforms'); ?></label>
695
+ <div class="clear"></div>
696
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_2" type="radio" value="2" class="radiobutton" <?php if (get_option('optinforms_form_placement_page')== '2') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_2" class="radiobutton-label"><?php echo __('After the second paragraph', 'optinforms'); ?></label>
697
+ <div class="clear"></div>
698
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_3" type="radio" value="3" class="radiobutton" <?php if (get_option('optinforms_form_placement_page')== '') echo 'checked="checked"'; if (get_option('optinforms_form_placement_page')== '3') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_3" class="radiobutton-label"><?php echo __('After the page', 'optinforms'); ?></label>
699
+ <div class="clear"></div>
700
+ <input name="optinforms_form_placement_page" id="optinforms_form_placement_page_4" type="radio" value="4" class="radiobutton" <?php if (get_option('optinforms_form_placement_page')== '4') echo 'checked="checked"'; ?> /> <label for="optinforms_form_placement_page_4" class="radiobutton-label"><?php echo __('Don\'t display on pages', 'optinforms'); ?></label>
701
+ <div class="clear"></div>
702
+ </div><!--optionmiddle-->
703
+ <div class="optionlast">
704
+
705
+ </div><!--optionlast-->
706
+ <div class="clear"></div>
707
+
708
+ </div><!--optiongroup-->
709
+
710
+ <div class="optiongroup">
711
+ <h3><?php echo __('Help Us Out', 'optinforms'); ?></h3>
712
+ <p><?php echo __('If you enjoy our plugin, please consider including a small "Powered by Optin Forms" link below your form. You would help us find new users, which would in turn result in even better features ;)', 'optinforms'); ?></p>
713
+ <div class="optionleft">
714
+ <label for="optinforms_form_placement_page" class="nopointer"><?php echo __('Powered by Optin Forms link', 'optinforms'); ?></label>
715
+ </div><!--optionleft-->
716
+ <div class="optionmiddle">
717
+ <input name="optinforms_powered_by" id="optinforms_powered_by_show" type="radio" value="1" class="radiobutton" <?php echo optinforms_powered_by_show(); ?> /> <label for="optinforms_powered_by_show" class="radiobutton-label">Show</label>
718
+ <input name="optinforms_powered_by" id="optinforms_powered_by_hide" type="radio" value="0" class="radiobutton" <?php echo optinforms_powered_by_hide(); ?> /> <label for="optinforms_powered_by_hide" class="radiobutton-label">Hide</label>
719
+ <div class="clear"></div>
720
+ </div><!--optionmiddle-->
721
+ <div class="optionlast">
722
+
723
+ </div><!--optionlast-->
724
+ <div class="clear"></div>
725
+
726
+ </div><!--optiongroup-->
727
+ </div><!--optinforms-container-left-->
728
+ <div class="optinforms-container-right">
729
+ <?php include( plugin_dir_path( __FILE__ ) . 'includes/sidebar.php'); ?>
730
+ </div><!--optinforms-container-right-->
731
+ <div class="clear"></div>
732
+ </div><!--optinforms-placement-tab-->
733
+ <script type="text/javascript">
734
+ var wpthumbs=new ddtabcontent("optinforms-menu-tabs") //enter ID of Tab Container
735
+ wpthumbs.setpersist(true) //toogle persistence of the tabs' state
736
+ wpthumbs.setselectedClassTarget("link") //"link" or "linkparent"
737
+ wpthumbs.init()
738
+ </script>
739
+
740
+ <input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
741
+ </form>
742
+
743
+ <div id="emailbox">
744
+ <form method="post" action="http://www.codeleon.com/send/form.php?form=5" id="frmSS5">
745
+ <h3><?php echo __('Sign up to receive news about the plugin and other WordPress news', 'optinforms'); ?></h3>
746
+ <span><?php echo __('My email is', 'optinforms'); ?></span>
747
+ <input type="text" name="email" value="<?php global $current_user; get_currentuserinfo(); echo $current_user->user_email; ?>" />
748
+ <span><?php echo __('and my name is', 'optinforms'); ?></span>
749
+ <input type="text" name="CustomFields[1]" id="CustomFields_1_5" value="<?php global $current_user; get_currentuserinfo(); echo $current_user->display_name; ?>">
750
+ <input type="hidden" name="format" value="h" />
751
+ <input type="submit" class="emailbox-subscribe" value="<?php echo __('Subscribe', 'optinforms'); ?>" />
752
+ </form>
753
+ </div><!--emailbox-->
754
+ </div><!--optinforms-->
755
+
756
+ <?php }
757
+
758
+
759
+ } ?>
readme.txt ADDED
@@ -0,0 +1,56 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === Optin Forms ===
2
+ Contributors: brs
3
+ Tags: optin, form, forms, aweber, icontact, mailchimp, getresponse, mad mimi, interspire, email marketer, email marketing, email, e-mail, list, list building, opt-in, newsletter, autoresponder, popup, pop-up, mailing, mailing list, mail, webform, newsletter plugin, optin plugin, opt-in plugin, conversion, design
4
+ Requires at least: 3.2
5
+ Tested up to: 3.8.1
6
+ Stable tag: 1.0
7
+
8
+ Create beautiful optin forms with ease. Choose a form design, customize it, and add your form to your blog with a simple mouse-click.
9
+
10
+ == Description ==
11
+
12
+ **Create beautiful optin forms with ease!**
13
+
14
+ Optin Forms allows you to create stunning optin forms for your blog or website, without the need to know any HTML or CSS. Simply select your email solution, pick a form design and customize its appearance. Add your form to your posts and pages with a simple mouse-click.
15
+
16
+ Optin Forms works with the following email solutions:
17
+
18
+ * AWeber
19
+ * iContact
20
+ * MailChimp
21
+ * GetResponse
22
+ * MadMimi
23
+ * Interspire Email Marketer
24
+
25
+ **Optin Forms comes with 5 beautiful form designs!**
26
+
27
+ All form designs are fully customizable. You can easily change all texts, fonts and font sizes. Change the colors of any element by selecting a new value from the color picker.
28
+
29
+ == Installation ==
30
+
31
+ 1. Download and unzip the plugin.
32
+ 2. Upload the `optin-forms` directory to the `wp-content/plugins/` directory.
33
+ 3. Click on 'Plugins' in the navigation menu and activate the plugin.
34
+ 4. Click on 'Optin Forms' in the navigation menu.
35
+
36
+ == Frequently Asked Questions ==
37
+
38
+ = How can I get support? =
39
+
40
+ Having trouble with the plugin? Simply post your question to the [support forum](http://wordpress.org/support/plugin/optin-forms) and we'll help you out.
41
+
42
+ == Screenshots ==
43
+
44
+ 1. Select your email solution and configure the required fields.
45
+ 2. Select a form design and customize its appearance.
46
+ 3. Add your form to your website with a simple mouse-click.
47
+
48
+ == Changelog ==
49
+
50
+ = 1.0 =
51
+ * First version!
52
+
53
+ == Upgrade Notice ==
54
+
55
+ = 1.0 =
56
+ First version!