30th April 2014, 5:02 pm
This tutorial make Forum Donation (Goal Received) Like Donation on IPB Theme
- Admin Panel > Modules > Forum widgets management > Create New Widget
- Copy code below
- Code:
<div class="ipsSideBlock">
<div class="_sbcollapsable">
<div class="ipsPad_half">
Get Donator Award after you donate to our forum.
</div>
<form method="post" action="https://www.paypal.com/cgi-bin/webscr">
<input value="_donations" name="cmd" type="hidden" /> <input value="PAYPAL E-MAIL" name="business" type="hidden" /> <input value="FORUM NAME DONATION" name="item_name" type="hidden" /> <input value="0512" name="item_number" type="hidden" /> <input value="1" name="quantity" type="hidden" /> <input value="1" name="no_shipping" type="hidden" /> <input value="http://www.FORUMADDRESS.com" name="return" type="hidden" /> <input value="http://www.FORUMADDRESS.com" name="cancel_return" type="hidden" /> <br />
<div class="ipsPad_half">
<p title="$10.00 of $100.00 goal received." class="progress_bar">
<span style="width: 10%">10%</span>
</p>
<span class="ipsType_smaller desc lighter">10% of donation goal reached.</span><br /><br /> <style type="text/css">
.progress_bar {
width: 175px !important;
height: 15px !important;
background-color: #D5D5D5;
border: 1px solid #0A5F22;
border-top-color: rgb(10, 95, 34);
border-top-style: solid;
border-top-width: 1px;
border-right-color: rgb(10, 95, 34);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(10, 95, 34);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(10, 95, 34);
border-left-style: solid;
border-left-width: 1px;
}
.progress_bar span {
height: 100% !important;
background-color: rgb(10, 26, 44);
background-color: rgb(39, 71, 105);
background-color: rgb(40, 72, 105);
background-color: rgb(41, 72, 105);
background-color: rgb(41, 71, 104);
background-color: rgb(41, 71, 104);
background-color: rgb(41, 71, 102);
background-color: rgb(41, 69, 99);
background-color: rgb(41, 69, 99);
background: #292A2C url(http://i.imgur.com/g9CyC54.png) repeat-x left 50%;
background-image: url(http://i.imgur.com/g9CyC54.png);
background-position-x: 0%;
background-position-y: 50%;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(29, 121, 58);
color: #D44B4B;
font-size: 0em;
font-weight: bold;
text-align: center;
text-indent: -2000em;
height: 10px;
display: block;
background-color: rgb(29, 121, 58);
}
</style>
</div>
<select name="amount">
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
<option value="60">60</option>
<option value="65">65</option>
<option value="75">75</option>
<option value="80">80</option>
<option value="85">85</option>
<option value="90">90</option>
<option value="95">95</option>
<option value="100">100</option>
</select> <select name="currency_code">
<option value="USD">USD</option>
<option value="EUR">EUR</option>
<option value="AUD">AUD</option>
</select> <input value="Donate" class="input_submit" name="submit" type="submit" />
</form>
</div>
</div>
- Save
- Finish
Important!
- Change the PAYPAL E-MAIL with your paypal e-mail.
- Change the FORUM NAME with name of your forum (eg: ErcHimA Guild Donation).
- Change the 0512 with your favorite numbers.
- Change the [You must be registered and logged in to see this link.] with your forum address
Credit: [You must be registered and logged in to see this link.]
