I have a block already done, kind of. What it displays is monthly goal, due date, progress bar, donor listings and the actual donate button. I need it totally automated so when someone donates, they get added to the list, the progress bar updates and so forth.
Here is a screenshot of the block:
http://img16.imageshack.us/img16/8274/donorss.jpg
And here is the code for the block:
Code: Select all
{$LR_BLOCK_H_L} <strong>Donations</strong>{$LR_BLOCK_H_R}
<div style="text-align: left;">
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<strong>[sG] Donations</strong>
<br />
<br />
<div style="color: white; background-color: black; margin: 10px 0px 5px 0px; padding: 0px 10px 0px 10px; font-weight: bold; min-width:18px; max-width: 400px; width:55px; border: 1px solid black;"><strong>Statistics</strong></strong></div>
Goal amount: $100.00
<br />
Goal date: Sep 29, 09
<br />
<br />
<div style="background-color: gray; width:100px; border: 1px solid black;"><div style="background-color: green; color: white; font-weight:bold; max-width: 100px; width:30px;"> $30.00 </div> </div>
<br />
<div style="color: white; background-color: black; margin: 10px 0px 5px 0px; padding: 0px 10px 0px 10px; font-weight: bold; min-width:18px; max-width: 400px; width:118px; border: 1px solid black;"><strong>Latest Donations (3)</strong></div>
<br />
<strong>Test Donor #1</strong>
<br />
Donated $10 on Sep 15, 09
<br />
<br />
<strong>Test Donor #2</strong>
<br />
Donated $10 on Sep 14, 09
<br />
<br />
<strong>Test Donor #3</strong>
<br />
Donated $10 on Sep 13, 09
<br />
<br />
<PayPal button code goes here>
<span class="corners-bottom"><span></span></span>
</div>
</div>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}
