vBulletin CMS Widgets - Widget - Donations / Forum Sidebar - Donations

A simple donation widget for use on your site, tested on vB 4.0 GOLD.

Can also be displayed on your Forum Sidebar. For instructions on adding it to the sidebar, please see the third post of this thread.

Basic


Title Image


How To Install Basic

1. Files
   • Download the attached zip file, extract it.
   • Upload it's contents to your forum root.
2. Create a widget
   • ADMIN CP > vBulletin CMS > Widgets > Create New Widget
     • Widget Type: Static HTML
     • Title: Donations
     • Description: Widget for site donations.
3. Configure your widget
   • Enter Static HTML;
     

     <div align="center">If you like our website and would like to give something in return, you can make a donation. All donations are gratefully received.
     <br /><br />
     <form action="https://www.paypal.com/cgi-bin/webscr" target="_blank" method="post">
       <div>
      <input type="hidden" name="cmd" value="_xclick" />
      <input type="hidden" name="business" value="YOUREMAIL@paypal.com" />
       <input type="hidden" name="item_name" value="www.YOURSITE.com Donation" />
       <input type="hidden" name="no_note" value="1" />
       <input type="hidden" name="tax" value="0" />
     <select name="currency_code">
     <option value="EUR">&euro; - EUR</option>
     <option value="GBP">&pound; - GBP</option>
     <option value="USD">$ - USD</option>
     </select>
       <select name="amount">
         <option value="10.00">10</option>
         <option value="15.00">15</option>
         <option value="20.00">20</option>
         <option value="25.00">25</option>
         <option value="50.00">50</option>
         <option value="100.00">100</option>
       </select>
       </div>
     <br />
     Select your preferred currency and donation amount, then click the donate button.
     <br /><br />
     <fieldset>
     <input type="image" src="images/cms/widget-donations_paypal.png" title="Pay via PayPal" alt="Pay via PayPal" />
     </fieldset>
        </form>
     </div>

   • Template Name
     

     vbcms_widget_static_page

   • NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.
4. Add widget to a page
   • ADMIN CP > vBulletin CMS > Layout manager > Edit
   • Insert the Donations widget and place it where you want it to appear

How To Install Title Image

1. Files
   • Download the attached zip file, extract it.
   • Upload it's contents to your forum root.
2. Create a new template
   • Admin CP > Styles & Templates > Style Manager > Add New Template
   • Title
     

     vbcms_widget_donations

   • Template
     

     <div class="cms_widget">
     	<div class="block">
     		<div class="cms_widget_header">
     		<h3><img title="{vb:raw widget_title}" src="images/cms/widget-donations_colour.png" alt="" />&nbsp;{vb:raw widget_title}</h3>
     		</div>
     		<div class="cms_widget_content" align="center">
     			{vb:raw static_html}
     		</div>
     	</div>
     </div>

   • NB. Change images/cms/widget-donations_colour.png to suit your needs.
     
3. Create a widget
   • ADMIN CP > vBulletin CMS > Widgets > Create New Widget
     • Widget Type: Static HTML
     • Title: Donations
     • Description: Widget for site donations.
4. Configure your widget
   • Enter Static HTML;
     

     If you like our website and would like to give something in return, you can make a donation. All donations are gratefully received.
     <br /><br />
     <form action="https://www.paypal.com/cgi-bin/webscr" target="_blank" method="post">
       <div>
      <input type="hidden" name="cmd" value="_xclick" />
      <input type="hidden" name="business" value="YOUREMAIL@paypal.com" />
       <input type="hidden" name="item_name" value="www.YOURSITE.com Donation" />
       <input type="hidden" name="no_note" value="1" />
       <input type="hidden" name="tax" value="0" />
     <select name="currency_code">
     <option value="EUR">&euro; - EUR</option>
     <option value="GBP">&pound; - GBP</option>
     <option value="USD">$ - USD</option>
     </select>
       <select name="amount">
         <option value="10.00">10</option>
         <option value="15.00">15</option>
         <option value="20.00">20</option>
         <option value="25.00">25</option>
         <option value="50.00">50</option>
         <option value="100.00">100</option>
       </select>
       </div>
     <br />
     Select your preferred currency and donation amount, then click the donate button.
     <br /><br />
     <fieldset>
     <input type="image" src="images/cms/widget-donations_paypal.png" title="Pay via PayPal" alt="Pay via PayPal" />
     </fieldset>
        </form>

   • Template Name
     

     vbcms_widget_donations

   • NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.
5. Add widget to a page
   • ADMIN CP > vBulletin CMS > Layout manager > Edit
   • Insert the Donations widget and place it where you want it to appear

-------------------------

Credits

• All images (except the PayPal one) are derived from www.famfamfam.com.
• The code to make this is fairly basic so feel free to modify to suit your own needs, but if you do use it then please click install. Thank you.

[Ghost Shadow]

It's sharing a table, not individual blocks.
Want individual blocks.
Any fix for this?
Thanx.

Please see pic:

https://ibb.co/Tqpm46x