vBulletin LTS

← Back to vBulletin 4.x Add-ons

Widget - Donations / Forum Sidebar - Donations
Mod Version: 1.00, by IR15H
vB Version: 4.0.0 Rating: (34 votes - 4.91 average) Installs: 217
Released: 22 Dec 2009 Last Update: Never Downloads: 795
Not Supported Template Edits Additional Files Re-usable Code Translations  

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

Spoiler (click to open)


How To Install Basic Forum Sidebar
  1. Files
    • Download the attached zip file, extract it.
    • Upload it's contents to your forum root.
  2. Enable the Sideblock
    • ADMIN CP > Settings > Options > Forum Sidebar and Block Options > Edit Settings > Enable Forum Sidebar > Yes
  3. Create a Sideblock
    • ADMIN CP > Forums & Moderators > Forum Blocks Manager > Add Block > Select Block Type > Custom HTML/PHP
      • Title: Donations
      • Description: Sideblock for site donations.
      • Cache time: 1440
      • Content Type: HTML
    • Content
      HTML Code:
      <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="email" />
  <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 to Use
      block_html
    • NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.

How To Install Image Title Forum Sidebar
  1. Files
    • Download the attached zip file, extract it.
    • Upload it's contents to your forum root.
  2. Enable the Sideblock
    • ADMIN CP > Settings > Options > Forum Sidebar and Block Options > Edit Settings > Enable Forum Sidebar > Yes
  3. Create a new template
    • Admin CP > Styles & Templates > Style Manager > Add New Template
    • Title
      block_donations
    • Template
      HTML Code:
      <li>
	<div class="block smaller">
		<div class="blocksubhead">
			<a class="collapse" id="collapse_block_donations" href="#top"><img alt="" src="{vb:stylevar imgdir_button}/collapse_40b.png" id="collapseimg_donations"/></a>
			<span class="blocktitle"><img src="{vb:stylevar imgdir_cms}/widget-donations_colour.png" title="{vb:raw blockinfo.title}" alt="" />{vb:raw blockinfo.title}</span>
		</div>
		<div id="block_donations" class="blockbody floatcontainer">
			<div class="blockrow">{vb:raw content}</div>
		</div>
	</div>
	<div class="underblock"></div>
</li>
    • NB. Change {vb:stylevar imgdir_cms}/widget-donations_colour.png to suit your needs.
  4. Create a Sideblock
    • ADMIN CP > Forums & Moderators > Forum Blocks Manager > Add Block > Select Block Type > Custom HTML/PHP
      • Title: Donations
      • Description: Sideblock for site donations.
      • Cache time: 1440
      • Content Type: HTML
    • Content
      HTML Code:
      <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="email" />
  <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 to Use
      block_donations
    • NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.

If the donation block does not show up in the sidebar log out of your site then log back in and it should appear.

Close
 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;
      HTML Code:
      <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="email" />
  <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
      HTML Code:
      <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;
      HTML Code:
      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="email" />
  <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 http://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.

Download

File Type: %1$s widget-donations.zip (23.6 KB, 920 downloads)

Screenshots

Click image for larger version Name: basic.jpg Views: 1657 Size: 108.3 KB ID: 107866   Click image for larger version Name: options.png Views: 749 Size: 27.2 KB ID: 107867   Click image for larger version Name: Images.png Views: 517 Size: 16.2 KB ID: 107868  

Similar Mods

Miscellaneous Hacks Error 404 Widget vBulletin 3.8 Add-ons

vblts.ru supports vBulletin®, 2022-2024