Changeset - fa29e1b8f3e2
[Not reviewed]
0 2 2
Bradley Kuhn (bkuhn) - 9 years ago 2014-12-02 18:41:04
bkuhn@ebb.org
Customized buttons for annual/monthly supporter.

These buttons were drawn by Tony and replace the default PayPal buttons.
4 files changed with 11 insertions and 8 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/forms.css
Show inline comments
 
#supporter-form label {
 
    display: inline-block;
 
    width: 200px;
 
    text-align: right;
 
}
 
#supporter-form-inputs {
 
    float: left;
 
}
 
#supporter-form-submit {
 
    padding-left: 500px;
 
    padding-top: 100px;
 
    padding-top: 40px;
 
    float: center;
 
}
 

	
 
#supporter-form div {
 
    margin-top: 1em;
 
}
 

	
 
.form-error {
 
    display: none;
 
    margin-left: 10px;
 
    color: green;
 
}		
www/conservancy/static/img/supporter-payment-button-annual.png
Show inline comments
 
new file 100644
 
binary diff not shown
Show images
www/conservancy/static/img/supporter-payment-button-monthly.png
Show inline comments
 
new file 100644
 
binary diff not shown
Show images
www/conservancy/static/supporter/index.html
Show inline comments
...
 
@@ -158,28 +158,31 @@ internal policies</a> are published and available for scrutiny.</p>
 
                      <input type="hidden" name="on2" value="publicAck" />
 
                      <input type="radio" checked="checked" name="os2" value="Yes" />Yes
 
                      <input type="radio" name="os2" value="No" />No<br/>
 
            
 
                      <label for="joinList"><strong>Join Conservancy's
 
                      Low-Traffic Announcement Email List? </strong></label>
 
                      <input type="hidden" name="on4" value="joinList" />
 
                      <input type="radio" checked="checked" name="os4" value="Yes" />Yes
 
                      <input type="radio" name="os4" value="No" />No<br>
 
                      <br /></div>
 
                      <div id="supporter-form-submit">
 
                      <input type="image"
 
                             src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
 
                             src="/img/supporter-payment-button-annual.png"
 
                             height="81" width="188"
 
                             border="0" name="submit" alt="Become an Annual Supporter Now!">
 
                      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
 
                      <br/><small>You will be redirected to PayPal's site when you click &ldquo;Donate&rdquo;.</small>
 
<br/><br/><small>Button above redirects to PayPal's site for credit
 
        card, bank account or PayPal balance payment methods.  Select
 
                      your options first.</small>
 
                      </div>
 

	
 
</form>
 
</div>
 
<div id="monthly" class="supporter-type-selection">
 
<h3>Join as an Monthly Supporter</h3>
 
<a id="monthly"></a>
 
<p>Monthly supporters will not receive their t-shirts until they've been a
 
  monthly supporter for at least 12 months.</p>
 
<form id="supporter-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 
<div id="supporter-form-inputs">
 
            <input type="hidden" name="cmd" value="_s-xclick">
...
 
@@ -207,23 +210,23 @@ internal policies</a> are published and available for scrutiny.</p>
 
                          Should we list you publicly as a Conservancy Supporter? </strong></label>
 
                      <input type="hidden" name="on2" value="publicAck" />
 
                      <input type="radio" checked="checked" name="os2" value="Yes" />Yes
 
                      <input type="radio" name="os2" value="No" />No<br/>
 
                      <label for="joinList"><strong>Join Conservancy's
 
                      Low-Traffic Announcement Email List? </strong></label>
 
                      <input type="hidden" name="on4" value="joinList" />
 
                      <input type="radio" checked="checked" name="os4" value="Yes" />Yes
 
                      <input type="radio" name="os4" value="No" />No<br>
 
                      <br /></div>
 
                      <div id="supporter-form-submit">
 
                      <input type="image"
 
                      src="https://www.paypalobjects.com/en_US/i/btn/btn_subscribeCC_LG.gif"
 
                      src="/img/supporter-payment-button-monthly.png"
 
                      height="81" width="188"
 
                      border="0" name="submit" alt="Become a Monthly Supporter Now!">
 
<img alt="" border="0"
 
                      src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
 
     width="1" height="1">
 
<br/><small>You will be redirected to PayPal's site when you click &ldquo;Subscribe&rdquo;.</small>
 
<br/><br/><small>Button above redirects to PayPal's site for credit
 
        card, bank account or PayPal balance payment methods.  Select
 
                      options to the right first.</small>
 
                      </div>
 
</form>
 
</div>
 
</div>
 
{% endblock %}
0 comments (0 inline, 0 general)