Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Widget - Donations / Forum Sidebar - Donations Details »»
Widget - Donations / Forum Sidebar - Donations
Version: 1.00, by IR15H IR15H is offline
Developer Last Online: Oct 2019 Show Printable Version Email this Page

Category: vBulletin CMS Widgets - Version: 4.0.0 Rating:
Released: 12-20-2009 Last Update: Never Installs: 217
Template Edits
Re-useable Code Additional Files Translations  
No support by the author.

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;
      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="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
      Quote:
      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
      Quote:
      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="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
      Quote:
      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.

Download Now

File Type: zip widget-donations.zip (23.6 KB, 917 views)

Screenshots

File Type: jpg basic.jpg (108.3 KB, 0 views)
File Type: png options.png (27.2 KB, 0 views)
File Type: png Images.png (16.2 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
2 благодарности(ей) от:
Judith2, SKIDROW

Comments
  #32  
Old 12-29-2009, 03:21 AM
Bouncer222 Bouncer222 is offline
 
Join Date: Oct 2009
Posts: 705
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by IR15H View Post
The first steps should take you here;

You should then see the following screen;


Hope that solves your problem .



It'd be possible (I'd have to learn a bit), but would require a plugin and is a bit beyond the scope of what I wanted to do with a simple widget/side block. I've had a quick search and there's two mods that have progress bars; Cyb - PayPal Donate and Donation Progress Bar-Forumhome. You're probably better of asking one of them to update either mod to vB4, in which adding compatibility to display the bar in a widget/block would probably be fairly straight forward. If neither mod owners are willing to update their mods then I'll look into doing it myself further.



You can, please see the third post on details on how to do this.



You can enable this on the forum-only package and make it visible on every page. This is explained in the third post of this thread. In regards to the donation bar, see my comments above to steven s.
Cyb has not responded for a long time to any of his mods, and the other mod is really really old, so if you could create it, it would be great
Reply With Quote
  #33  
Old 12-29-2009, 07:29 AM
maidos maidos is offline
 
Join Date: Jul 2006
Posts: 925
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

there is no reply... wondering if u can work on the donation bar which can display on forum home?
Reply With Quote
  #34  
Old 12-29-2009, 04:55 PM
lovefords lovefords is offline
 
Join Date: Jul 2009
Posts: 16
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you very much.
Reply With Quote
  #35  
Old 12-30-2009, 10:33 AM
linuxututs linuxututs is offline
 
Join Date: Oct 2009
Posts: 160
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Guess I'll have to wait till the update release comes out, because its not showing for me no matter who's code I use.

The thing is, this is the only problem I've came across since "Finally" getting my board upgraded. ( Took a few restores to get it right [ or so I thought] )

Thanks,
Reply With Quote
  #36  
Old 12-30-2009, 01:36 PM
unit727 unit727 is offline
 
Join Date: Jul 2009
Posts: 3
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

A donation goal bar would be great if it's possible because other versions still have not been updated.
Reply With Quote
  #37  
Old 12-30-2009, 07:47 PM
fayax fayax is offline
 
Join Date: Dec 2009
Posts: 113
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I made my own from paypal ..it works now. I still voted excellent for this mod.
Reply With Quote
  #38  
Old 12-30-2009, 10:49 PM
DUI_ DUI_ is offline
 
Join Date: Oct 2008
Posts: 17
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

*Installed* Love it! thanks
Reply With Quote
  #39  
Old 12-31-2009, 05:41 PM
Griffoneur Griffoneur is offline
 
Join Date: Nov 2007
Posts: 12
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you for this mod. It works great and was on my "want list" for quite some time!
Reply With Quote
  #40  
Old 01-01-2010, 02:38 PM
IR15H IR15H is offline
 
Join Date: Feb 2007
Location: England
Posts: 161
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Bouncer222 View Post
Hmm its too much stretched out, gotta figure out how to make it less wider, any ideas?
The widget's width is determined by the setting you chose in your Grid Manager and Layout Manger in your Admin CP under CMS options.

Quote:
Originally Posted by jonah1892 View Post
is there anyway to allow custom ammounts to be input by the donator?
Yes . Find;

HTML Code:
  <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>
Replace with;
HTML Code:
<input type="text" value="" size="5" name="amount"/>
Quote:
Originally Posted by unit727 View Post
A donation goal bar would be great if it's possible because other versions still have not been updated.
Quote:
Originally Posted by Bouncer222 View Post
Cyb has not responded for a long time to any of his mods, and the other mod is really really old, so if you could create it, it would be great
Quote:
Originally Posted by maidos View Post
there is no reply... wondering if u can work on the donation bar which can display on forum home?
Cyb has stated in his signature;
Quote:
Note: All of my products are supported, but I'm busy with my main job, so please be patient when asking for support. *** vBulletin 4 versions will be released once we buy new license. No ETA ATM.
None the less, a basic one to do until that happens. Taken pretty much directly from this guide;
  1. Edit Template
    • Admin CP > Styles & Templates > Style Manager > Edit Template > vbulletin.css
      • At then end of the template, add;
      • Code:
        div.progress-container {
          border: 1px solid #ccc; 
          width: 100px; 
          margin: 2px 5px 2px 0; 
          padding: 1px; 
          background: white;
        }
        
          div.progress-container > div {
          background-color: #ACE97C; 
          height: 12px
        }
  2. Edit Widget/Sidebar
    • ADMIN CP > vBulletin CMS > Widgets > Configure and/or ADMIN CP > Forums & Moderators > Forum Blocks Manager > Edit
      • Chose where you want the progress bar to appear, insert;
      • Code:
        We're currently 50% of the way to achieving our goal of &pound;100.
        <br />
        <div class="progress-container" align="left">          
            <div style="width: 50%"></div>
        </div>
      • Change percentage, currency and goal amount to suit your needs.

You should end up with something like below;




Quote:
Originally Posted by linuxututs View Post
Guess I'll have to wait till the update release comes out, because its not showing for me no matter who's code I use.

The thing is, this is the only problem I've came across since "Finally" getting my board upgraded. ( Took a few restores to get it right [ or so I thought] )

Thanks,
I don't understand your problem, sorry.

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

Again, thanks to all those who have marked installed .
Reply With Quote
  #41  
Old 01-01-2010, 07:06 PM
linuxututs linuxututs is offline
 
Join Date: Oct 2009
Posts: 160
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks for The Great hack.
I was able to finally get this to work for me by adding this to the bottom of "vbcms_widget_recentforumposts_page".

PHP Code:
<div class="cms_widget">
    <
div class="block">
        <
div class="cms_widget_header">
        <
h3><img title="Donations" src="images/cms/widget-donations_colour.png" alt="" /> Donations</h3>
        </
div>
        <
div class="cms_widget_content" align="center">

If 
you like our website and would like to give something in return, you can make a donationAll 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="your_email@your_site.com" />
  <
input type="hidden" name="item_name" value="www.your_site Donation" />
  <
input type="hidden" name="no_note" value="1" />
  <
input type="hidden" name="tax" value="0" />
<
select name="currency_code">
<
option value="USD">$ - USD</option>
<
option value="EUR">&euro; - EUR</option>
<
option value="GBP">&pound; - GBP</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 amountthen click the donate button.
<
br /><br />
<
fieldset>
<
center><input type="image" src="images/cms/widget-donations_paypal.png" title="Pay Securely via PayPal" alt="Pay via PayPal" /></center>
</
fieldset>
   </
form>
<
br />
<
center>Or You can choose any amount here.</center>
<
center>Your_Paypal_code_button_from_paypal</center>
</
div>
    </
div>
</
div
I got the regular paypal button from my paypal account, and remeber to replace your_site and your_email with your own.

This is just an alternative and is quit nice being under "Latest Forum Post" also.

You can see the results Here.

Thank You,
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:53 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.06511 seconds
  • Memory Usage 2,410KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (2)bbcode_code
  • (5)bbcode_html
  • (1)bbcode_php
  • (11)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (11)post_thanks_box
  • (2)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (4)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete